web-dev-qa-db-ja.com

Android appの動的リストビュー

ListViewに追加の行を動的に追加する方法を示す実用的な例はありますか?例えば:

  1. 異なるドメインからRSSフィードを取得している
  2. 次に、ListViewに最初の10個のアイテムを表示します(バックグラウンドで他のスレッドを実行している間、フィードのプルを続けます)
  3. スクロールしてリストの下部に移動し、ボタンをクリックしてさらにアイテムを表示します
  4. listViewに追加の10アイテムが追加され、合計で20アイテムになります。

これを達成する方法はありますか?

ニコラス

33
Nicholas Key

リストに新しいアイテムを動的に追加するには、ListActivityからアダプタークラスを取得し、新しい要素を追加するだけです。アイテムをアダプタに直接追加すると、notifyDataSetChangedが自動的に呼び出され、ビューが自動的に更新されます。

また、独自のアダプター(ArrayAdapterを拡張)を提供し、Listパラメーターを取るコンストラクターをオーバーライドすることもできます。アダプタを使用するのと同じようにこのリストを使用できますが、この場合、ビューを更新するには、自分でadapter.notifyDataSetChanged()を呼び出す必要があります。
下の例をご覧ください。

public class CustomList extends ListActivity {
private LayoutInflater mInflater;
private Vector<RowData> data;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);        
    mInflater = (LayoutInflater) getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
    data = new Vector<RowData>();
    RowData rd = new RowData("item1", "description1");
    data.add(rd);
    rd = new RowData("item2", "description2");
    data.add(rd);
    rd = new RowData("item2", "description3");
    data.add(rd);

    CustomAdapter adapter = new CustomAdapter(this, R.layout.custom_row,R.id.item, data);
    setListAdapter(adapter);        
    getListView().setTextFilterEnabled(true);
}


public void onListItemClick(ListView parent, View v, int position, long id) {
    CustomAdapter adapter = (CustomAdapter) parent.getAdapter();
    RowData row = adapter.getItem(position);        
    AlertDialog.Builder builder = new AlertDialog.Builder(this);
    builder.setTitle(row.mItem); 
    builder.setMessage(row.mDescription + " -> " + position );
    builder.setPositiveButton("ok", null);
    builder.show();
}

/**
 * Data type used for custom adapter. Single item of the adapter.      
 */
private class RowData {
    protected String mItem;
    protected String mDescription;

    RowData(String item, String description){
        mItem = item;
        mDescription = description;         
    }

    @Override
    public String toString() {
        return mItem + " " +  mDescription;
    }
}

private class CustomAdapter extends ArrayAdapter<RowData> {

    public CustomAdapter(Context context, int resource,
            int textViewResourceId, List<RowData> objects) {
        super(context, resource, textViewResourceId, objects);

    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;

        //widgets displayed by each item in your list
        TextView item = null;
        TextView description = null;

        //data from your adapter
        RowData rowData= getItem(position);


        //we want to reuse already constructed row views...
        if(null == convertView){
            convertView = mInflater.inflate(R.layout.custom_row, null);
            holder = new ViewHolder(convertView);
            convertView.setTag(holder);
        }
        // 
        holder = (ViewHolder) convertView.getTag();
        item = holder.getItem();
        item.setText(rowData.mItem);

        description = holder.getDescription();      
        description.setText(rowData.mDescription);

        return convertView;
    }
}

/**
 * Wrapper for row data.
 *
 */
private class ViewHolder {      
    private View mRow;
    private TextView description = null;
    private TextView item = null;

    public ViewHolder(View row) {
        mRow = row;
    }

    public TextView getDescription() {
        if(null == description){
            description = (TextView) mRow.findViewById(R.id.description);
        }
        return description;
    }

    public TextView getItem() {
        if(null == item){
            item = (TextView) mRow.findViewById(R.id.item);
        }
        return item;
    }       
}

}

上記の例を拡張して、「more」ボタンを追加できます。これは、アダプター(またはベクター)に新しいアイテムを追加するだけです。
よろしく!

53
Ramps