Welcome

首页 / 移动开发 / Android / 详解ListView中多种item的实现方式

大家都知道在实际开发时,对ListView的使用比较频繁,其表现也非常复杂。本文将通过实例介绍ListView中多种item的实现方式,下面来一起看看吧。
使用ListView一般步骤:
  1. 设置显示的ListView,设置显示的每一项item的view布局文件
  2. 设置每个item显示的数据
  3. 将数据显示的View中,继承BaseAdapter,重写getCount() , getItemId() , getItem() , getView()这个四个方法;
如果实现ListView的多种类型item的显示,那么就要再重写两个方法
  1. getViewTypeCount() :得到总共item的显示的种类数,
  2. getItemViewType() :得到每个item显示的类型;为整型数据;
实现的效果如下:


一、准备填充的数据模型

1、解析json数据源

json数据放在res下的raw文件夹下:

[ { "letter": "A", "cities": ["安庆","安徽","安全" ] }, { "letter": "B", "cities": ["包头","宝钢","渤海","本溪","蚌埠" ] }, { "letter": "C", "cities": ["长春","长城","长沙","常州","郴州","重庆" ] }, { "letter": "D", "cities": ["东莞","东山","大连","大庆" ] }]
2、建立数据对象

可以看到这个ListView有两种类型,一个是显示字母,一个是显示内容,所以数据模型的建立如下,使用int型的type对数据类型进行标识;标识的值必须从0开始计数,有两种类型,那么就取0,1这两个值;
public class StringBean { String letter; String city; int type; public String getLetter() {return letter; } public void setLetter(String letter) {this.letter = letter; } public String getCity() {return city; } public void setCity(String city) {this.city = city; } public int getType() {return type; } public void setType(int type) {this.type = type; } @Override public String toString() {return "StringBean{" +"letter="" + letter + """ +", city="" + city + """ +", type=" + type +"}"; }}
解析json数据填充成集合数据源这里就不提供了
二、准备两种item类型的布局文件

1、显示字母的type_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"> <TextViewandroid:id="@+id/tvType"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#999"android:text="A"android:textSize="20sp" /></LinearLayout>
2、显示城市city_layout.xml的布局文件

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextViewandroid:id="@+id/tvCity"android:layout_width="match_parent"android:layout_height="wrap_content" android:textSize="20sp"/></LinearLayout>
三、设置显示ListView的数据和布局的适配器

这里的ListView的item有两种类型,所以getViewTypeCount()返回2;

getItemViewType()返回的是每次绘制每一个item的view显示的是何种类型,在数据模型StringBean有设置;

关于类型的整型设置,可能有很多人认为只要是任意的整型数字就可以了,其实不是这样
item类型标识值必须从0开始计数,如果item有两种类型,那么类型标识值就是0,1

如果是不从0开始标识,那么会报ArrayIndexOutOfBoundsException数组下标越界的异常

public class ListAdapter extends BaseAdapter { ArrayList<StringBean>list; Context context; LayoutInflater inflater; ListAdapter(ArrayList<StringBean>list,Context context){this.list=list;this.context=context;inflater= (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } @Override public int getCount() {return list.size(); } @Override public Object getItem(int i) {return list.get(i); } @Override public long getItemId(int i) {return i; } @Override public View getView(int position, View converView, ViewGroup viewGroup) {View view=converView;StringBean bean=list.get(position);int type=bean.getType();if(type==0){ if(view==null){view=inflater.inflate(R.layout.type_layout,viewGroup,false); } TextView type_text= (TextView) view.findViewById(R.id.tvType); type_text.setText(bean.getLetter());}else if (type==1){ if(converView==null){view=inflater.inflate(R.layout.city_layout,viewGroup,false); } TextView city_text= (TextView) view.findViewById(R.id.tvCity); city_text.setText(bean.getCity());}return view; } @Override public int getItemViewType(int i) {return list.get(i).getType(); } @Override public int getViewTypeCount() {return 2; }}
四、设置ListView

ListView的布局文件,在这里就不给出了
public class MainActivity extends AppCompatActivity { ArrayList<StringBean> list; ListView listView; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initBean();initView(); } public void initBean(){UserDao dao=new UserDao(this);list=dao.getList(); } public void initView(){listView= (ListView) findViewById(R.id.listView);ListAdapter adapter=new ListAdapter(list,this);listView.setAdapter(adapter); }}
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。