详解ListView中多种item的实现方式

所属分类: 软件编程 / Android 阅读数: 30
收藏 0 赞 0 分享

大家都知道在实际开发时,对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">
 <TextView
  android: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">
 <TextView
  android: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);
 }
}

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

更多精彩内容其他人还在看

Android设计登录界面、找回密码、注册功能

这篇文章主要为大家详细介绍了Android设计登录界面的方法,Android实现找回密码、注册功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android通过手势实现答题器翻页效果

这篇文章主要为大家详细介绍了Android通过手势实现答题器翻页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android采用双缓冲技术实现画板

这篇文章主要为大家详细介绍了Android采用双缓冲技术实现画板的相关资料,思路清晰,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android开发之毛玻璃效果实例代码

这篇文章主要给大家分享android开发之毛玻璃效果的实例代码,非常具有参考借鉴价值,感兴趣的朋友一起学习吧
收藏 0 赞 0 分享

Android实现桌面悬浮窗、蒙板效果实例代码

这篇文章主要介绍了Android实现桌面悬浮窗、蒙板效果实例代码的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

深入解读Android的Volley库的功能结构

这篇文章主要介绍了Android的Volley开发框架的功能结构,Volley是Android开发中网络部分的一大利器,包含很多HTTP协议通信的相关操作,需要的朋友可以参考下
收藏 0 赞 0 分享

Android开发中使用Volley库发送HTTP请求的实例教程

这篇文章主要介绍了Android开发中使用Volley库发送HTTP请求的实例教程,包括创建Volley单例的基本知识与取消Request请求的技巧等,需要的朋友可以参考下
收藏 0 赞 0 分享

Android仿QQ聊天撒花特效 很真实

本文写的这个特效,是关于聊天的,你肯定遇到过,就是你跟人家聊天的时候,比如发送应(么么哒),然后屏幕上全部就是表情了,今天我们就是做这个,撒花的特效,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android的HTTP操作库Volley的基本使用教程

这篇文章主要介绍了Android的HTTP操作库Volley的基本使用教程,包括JSON请求与图片加载等用法的实例,需要的朋友可以参考下
收藏 0 赞 0 分享

Android仿水波纹流量球进度条控制器

这篇文章主要介绍了Android仿水波纹流量球进度条控制器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多