在列表视图中添加不同类型的项目

时间:2013-07-10 15:11:14

标签: android android-listview

是否有一个很好的教程或链接,说明如何将不同的项目添加到列表视图? 例如,一个包含两个文本行和一个复选框,另一个只是按下,会弹出一些内容。我现在所有的每个列表项都是相同的两行文本视图和复选框...
,如果有办法通过R.layout.xxx使用不同的布局一次添加1行?

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    mRoot = inflater.inflate(R.layout.frag_settings, container, false);
    mItems = getResources().getStringArray(R.array.setting_items);
    mItemDescription = getResources().getStringArray(R.array.setting_item_descriptions);

mItemListView = (ListView) mRoot.findViewById(R.id.lvMainListView);

ArrayAdapter<String> lvRowTitle = new ArrayAdapter<String>(getActivity(), 
         R.layout.setting_twolinetext_checkbox, R.id.tvRowTitle,
        mItems);

mItemListView.setAdapter(lvRowTitle);


ArrayAdapter<String> lvRowDesc = new ArrayAdapter<String>(getActivity(), 
        R.layout.setting_twolinetext_checkbox, R.id.tvRowDesc,
        mItemDescription);


   mItemListView.setAdapter(lvRowDesc);


return mRoot;

4 个答案:

答案 0 :(得分:5)

在我的示例中,将显示我们的自定义列表视图的列表活动称为OptionsActivity,因为在我的项目中,此活动将显示我的用户可以设置的不同选项来控制我的应用程序。有两个列表项类型,一个列表项类型只有一个TextView,第二个列表项类型只有一个Button。你可以在每个列表项类型中放置你喜欢的任何小部件,但我保持这个例子很简单。

getItemView 方法检查哪些列表项应该是类型1或类型2.根据我的静态int我定义了top,前5个列表项将是列表项类型1,并且最后5个列表项将是列表项类型2.因此,如果您编译并运行它,您将拥有一个ListView,其中包含五个仅包含按钮的项,然后是五个仅包含TextView的项。

以下是每个列表项类型的活动代码,活动xml文件和xml文件。

OptionsActivity.java:

public class OptionsActivity extends ListActivity {

    private static final int LIST_ITEM_TYPE_1 = 0;
    private static final int LIST_ITEM_TYPE_2 = 1;
    private static final int LIST_ITEM_TYPE_COUNT = 2;

    private static final int LIST_ITEM_COUNT = 10;
    // The first five list items will be list item type 1 
    // and the last five will be list item type 2
    private static final int LIST_ITEM_TYPE_1_COUNT = 5;

    private MyCustomAdapter mAdapter;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mAdapter = new MyCustomAdapter();
        for (int i = 0; i < LIST_ITEM_COUNT; i++) {
          if (i < LIST_ITEM_TYPE_1_COUNT)
            mAdapter.addItem("item type 1");
          else
            mAdapter.addItem("item type 2");
        }
        setListAdapter(mAdapter);
    }

    private class MyCustomAdapter extends BaseAdapter {

        private ArrayList<String> mData = new ArrayList<String>();
        private LayoutInflater mInflater;

        public MyCustomAdapter() {
            mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        }

        public void addItem(final String item) {
            mData.add(item);
            notifyDataSetChanged();
        }

        @Override
        public int getItemViewType(int position) {
          if(position < LIST_ITEM_TYPE_1_COUNT)
              return LIST_ITEM_TYPE_1;
          else
              return LIST_ITEM_TYPE_2;
        }

        @Override
        public int getViewTypeCount() {
            return LIST_ITEM_TYPE_COUNT;
        }

        @Override
        public int getCount() {
            return mData.size();
        }

        @Override
        public String getItem(int position) {
            return mData.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder = null;
            int type = getItemViewType(position);
            if (convertView == null) {
                holder = new ViewHolder();
                switch(type) {
                    case LIST_ITEM_TYPE_1:
                        convertView = mInflater.inflate(R.layout.list_item_type1, null);
                        holder.textView = (TextView)convertView.findViewById(R.id.list_item_type1_text_view);
                        break;
                    case LIST_ITEM_TYPE_2:
                        convertView = mInflater.inflate(R.layout.list_item_type2, null);
                        holder.textView = (TextView)convertView.findViewById(R.id.list_item_type2_button);
                        break;
                }
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder)convertView.getTag();
            }
            holder.textView.setText(mData.get(position));
            return convertView;
        }

    }

    public static class ViewHolder {
        public TextView textView;
    }

}

activity_options.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
     >

    <ListView
        android:id="@+id/optionsList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
    </ListView>

</LinearLayout>

list_item_type_1.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/list_item_type1_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/list_item_type1_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Text goes here" />

</LinearLayout>

list_item_type2.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/list_item_type2_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/list_item_type2_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button text goes here" />

</LinearLayout>

答案 1 :(得分:3)

你有两种可能性:

  • 创建一个类型并检查您的类型并返回与此类型相关的视图。
  • BaseAdapter有两种方法可以检查其中的不同项getItemViewType(int position)getViewTypeCount()。把你的东西放在那里。

查看本教程:

ListView with multiple rows

答案 2 :(得分:1)

您应该创建自己的扩展BaseAdapter的类。我建议观看The World of ListView,它将帮助您了解使用ListView时需要了解的所有内容。

答案 3 :(得分:0)

除了@LouMorda答案,我还会使用一些类,其中的字段包含有关项目和列表项类型的信息:

public class Item {
  private int itemViewType;
      private Object tag;
      private String title;

      public Item(int itemViewType){
          this.itemViewType = itemViewType;
      }

      public int getItemViewType() {
          return itemViewType;
      }

      public void setItemViewType(int itemViewType) {
          this.itemViewType = itemViewType;
      }
      ...
 }

因此,当以不同的顺序向列表添加项目时,使用此对象可以提供更大的灵活性:

public class OptionsActivity extends ListActivity {

private static final int LIST_ITEM_TYPE_1 = 0;
private static final int LIST_ITEM_TYPE_2 = 1;
private ArrayList<String> mItemsSource = new ArrayList<>();


 ...
    @Override
    public int getItemViewType(int position) {
      return  mItemsSource.get(position).getItemViewType();
    }
    ...
}