私は、カスタムレイアウトのリストを含むActivity
を作成したいと思っています。
そこで、リストの各行が持つべきレイアウトを定義した list_entry_layout.xml
ファイルを作成しました(私の例では、各行にタイトルとサマリーがあるはずです)。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/list_entry_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20dp" >
</TextView>
<TextView
android:id="@+id/list_entry_summary"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="10dp" >
</TextView>
</LinearLayout>
問題は、ListActivity
クラスで各行にデータを追加する方法がわからないことです。
以下のコードで、各行のタイトルを追加することができます。
public class MyActivity extends ListActivity
{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.list_activity);
ListView listView = (ListView) findViewById(android.R.id.list);
String[] values = new String[] { "Android", "iPhone", "WindowsMobile",
"Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X",
"Linux", "OS/2" };
ArrayAdapter<String> titleAdapter = new ArrayAdapter<String>(this, R.layout.list_entry_layout, R.id.list_entry_title, values);
// Assign adapter to ListView
listView.setAdapter(titleAdapter);
}
}
また、サマリーも追加したいのですが、どうすればよいでしょうか?
このコードを追加すると、タイトルではなく、サマリーが可視化されます。
String[] values = new String[] { "Android_summary", "iPhone_summary", "WindowsMobile_summary", "Blackberry_summary", "WebOS_summary", "Ubuntu_summary", "Windows7_summary", "Max OS X_summary", "Linux_summary", "OS/2_summary" };
ArrayAdapter<String> summaryAdapter = new ArrayAdapter<String>(this, R.layout.list_entry_layout, R.id.list_entry_summary, values);
// Assign adapter to ListView
listView.setAdapter(summaryAdapter);
以下は、私が得たい結果である。
。
独自の ArrayAdapter を作成する必要があります。
private class YourAdapter extends ArrayAdapter<String> {
// do some work
}
それから、XML で行をどのように表示するかを指定する必要があります。あなたの目的に合わせて、RelativeLayout を使用することをお勧めします。
row.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
/>
<TextView
android:id="@+id/email"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/name"
/>
</RelativeLayout>
そこで、YourAdapterでは、スーパーコンストラクタを設定する必要があります。
public YourAdapter() {
super(YourActivity.this, R.layout.row, data);
}
そして、ListViewのデータをカスタマイズするために、 getView()
メソッドをオーバーライドし、さらに Holder design pattern
を使用することをお勧めします。
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
LayoutInflater inflater = getLayoutInflater();
if (convertView == null) {
convertView = inflater.inflate(R.layout.row, null, false);
holder = new ViewHolder(convertView);
convertView.setTag(holder);
}
else {
holder = (ViewHolder) convertView.getTag();
}
holder.getUpperText().setText(dataSource[position]);
holder.getLowerText().setText(dataSource[position]);
return convertView;
}
最後に ListView
を初期化して Adapter
を設定します。
ListView list = (ListView) findViewById(R.id.list);
list.setAdapter(new YourAdapter());
注意: Design pattern Holder
は、各行の子ウィジェットを保持する任意のオブジェクトを表しているので、一度見つけるだけで、後は Holder
オブジェクトで常にアクセスすることができます。
Holder` の実装は以下のようになります。
public class ViewHolder {
private View row;
private TextView upperText = null, lowerText = null;
public ViewHolder(View row) {
this.row = row;
}
public TextView getUpperText() {
if (this.upperText == null) {
this.upperText = (TextView) inView.findViewById(R.id.someId);
}
return this.upperText;
}
public TextView getLowerText() {
if (this.lowerText == null) {
this.lowerText = (TextView) inView.findViewById(R.id.someId);
}
return this.lowerText;
}
}
参考になれば幸いです。
このレイアウトは、カスタム行レイアウトを作成するのではなく、android.R.layout.simple_list_item_2
を使用して実現することができます。
とにかく、もしカスタム行レイアウトを使いたいのであれば、スニペットを用意しています。
どうぞ。
SampleActivity.java です。
package org.sample;
import java.util.ArrayList;
import android.app.ListActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.widget.TwoLineListItem;
public class SampleActivity extends ListActivity {
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
Mobile mobile;
ArrayList<Mobile> mobiles new ArrayList<Mobile>();
mobile = new Mobile();
mobile.setName("Android");
mobile.setSummary("summary goes here");
mobiles.add(mobile);
mobile = new Mobile();
mobile.setName("Blackberry");
mobile.setSummary("summary goes here");
mobiles.add(mobile);
setListAdapter(new MyAdapter(this, mobiles));
}
}
Mobile.java
class Mobile {
String name;
String summary;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getSummary() {
return summary;
}
public void setSummary(String summary) {
this.summary = summary;
}
}
MyAdapter.javaを追加しました。
class MyAdapter extends BaseAdapter {
private Context context;
private ArrayList<Mobile> mobiles;
public MyAdapter(Context context, ArrayList<Mobile> mobiles) {
this.context = context;
this.mobiles = mobiles;
}
@Override
public int getCount() {
return mobiles.size();
}
@Override
public Object getItem(int position) {
return mobiles.get(position);
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
if (convertView == null) {
LayoutInflater inflater = (LayoutInflater) context
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
convertView = (View) inflater.inflate(
R.layout.list_entry_layout, null);
}
TextView name = (TextView)convertView.findViewById(R.id.list_entry_title);
TextView summary=(TextView)convertView.findViewById(R.id.list_entry_summary);
name.setText(mobiles.get(position).getName());
summary.setText(mobiles.get(position).getSummary());
return convertView;
}
}