アプリでアクティビティを作成して、一連のデータ、特に場所を表示しています。地名、ユーザーからの距離、それに付随する画像があります。この部分はすべて整理しました。
この情報をデバイスごとに異なる方法で表示したいと考えています。電話などの小さなデバイスでは、それらを1列のリスト、左側の画像、右側の名前と距離に表示したいと考えています。を使用してすでにこの設定を行っていListViewます。
ただし、より大きなタブレットでは、画像がセル全体 (正方形) で、テキストが画像の上にあるグリッドで表示したいと思います。
これに対する最善のアプローチは何でしょうか。ListViewoneと oneの2 つのレイアウトになりますGridViewか? Activity.java ファイルはどのように存在するかを検出し、それに応じてデータをフォーマットしますか? または、を使用してGridView、画面サイズに応じて列を動的に設定できますか?
ListView と GridView はどちらも AbsListView の子孫です。そのため、コード内で AbsListView のインスタンスを参照してください。次に、他の誰かが提案したように、特定のレイアウト フォルダーを使用してレイアウトを定義します。また、これらのレイアウト (ListView または GridView) 内で AbsListView の特定のインスタンスを定義します。
すべて同じ要素名でレイアウトを正しく定義すれば、コードを変更する必要はありません。
EDIT：SDK / OSがあなたのために何かをするためにコードを書く理由がわかりません。したがって、これに出くわした他の人のために、コードにハックを入れることなくこれを行う方法の完全な例を示したいと思いました:
完全で非常に基本的なプロジェクトは、 https ://github.com/sberg413/abslistview-example の私の gitHub にあります 。
MainActivity.java :
package com.example.abslistviewexample;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class MainActivity extends Activity {
AbsListView absListView;
static String[] listItems = { "First Item", "Second Item", "Third Item",
"Fourth Item", "Fifth Item", "Sixth Item", "Seventh Item",
"Eight Item", "Ninth Item", "Tenth Item" };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
absListView = (AbsListView) findViewById(R.id.listView1);
absListView.setAdapter( new MyArrayAdapter(this, R.layout.row, listItems));
}
private class MyArrayAdapter extends ArrayAdapter<String>{
public MyArrayAdapter(Context context, int resource,
String[] values) {
super(context, resource, values);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = (LayoutInflater) getContext()
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = inflater.inflate(R.layout.row, parent, false);
TextView textView = (TextView) view.findViewById(R.id.textView1);
ImageView imageView = (ImageView) view.findViewById(R.id.imageView1);
textView.setText( getItem(position));
return view;
}
}
}
layout/activity_main.xml :
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<ListView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true" >
</ListView>
</RelativeLayout>
layout/row.xml :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/imageView1"
android:layout_marginLeft="50dp"
android:layout_toRightOf="@+id/imageView1"
android:text="TextView" />
</RelativeLayout>
layout-xlarge/activity_main.xml :
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >
<GridView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:numColumns="3" >
</GridView>
</RelativeLayout>
layout-xlarge/row.xml :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<ImageView
android:id="@+id/imageView1"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp"
android:text="TextView" />
</RelativeLayout>
これは明らかに非常に些細な例ですが、アイデアは理解できるでしょう。MainActivity が AbsListView を使用する方法に注目してください。レイアウト xml 内で、使用する子クラスを指定します。
これが誰かに役立つことを願っています。
あなたがしていることは完璧な方法です。7 インチと 10 インチのタブと残りのリストビューには GridView を実行します。2 つの異なるレイアウト ファイルと以下のコードを使用して、7 インチ タブレットまたは 10 インチ タブレットまたはその他のデバイスを検出します。
public static Double getDiagonalInch(Activity activity)
{
DisplayMetrics metrics = new DisplayMetrics();
WindowManager wm = (WindowManager) activity.getSystemService(
Context.WINDOW_SERVICE);
wm.getDefaultDisplay().getMetrics(metrics);
final int measuredwidth = metrics.widthPixels;
final int measuredheight = metrics.heightPixels;
final double diagonal = Math.sqrt((measuredwidth * measuredwidth)
+ (measuredheight * measuredheight));
diaInch = diagonal / metrics.densityDpi;
return diaInch;
}
if(diaInch<9 && diaInch>=6.5)
{
// small tab (7 inch tab)
}
else if(diaInch>9)
{
// big tab (10 inch tab)
}
else
{
s2,s3 s4 etc devices
}