Android Listview 自定义BaseAdapter的实现及Listview优化示例

- 日理万妓 2023-10-05 00:24 33阅读 0赞

上一篇文章中我们讲了Android Listview SimpleAdapter的使用完整示例（实现用户列表）_左眼看成爱的博客-CSDN博客

本示例实现的效果图：

每个item中的checkbox选中事件实现单独监听处理:

cd28ec7907f24d7386501719332e11a4.png

取消选中：

c5bb6f2eab484e7ca7c3481a3018e850.png

整个item点击事件(共存)：

26cc64226d5c4ea886c6fd77be218f21.png

8bce5b5be7a84ce29bd1e758cdfe8be9.png

这篇文章我来讲一下 自定义BaseAdapter的实现示例及优势在哪里？ 通过查看SimpleAdapter的实现源码，我们可以发现SimpleAdapter实现的view复用方式其实就是convertView复用。但并没有避免复用时重复的调用findViewById，所以SimpleAdapter很难实现给item中的按钮或Checkbox单独添加监听事件。而且使用 SimpleAdapter也无法解决Listview中带checkbox时滑动选中状态混乱的问题。

fffe605ffede4cce81bba453512f20bc.png

08005a9ad4e94eefbba6c541a575510f.png 1e3b1d2d2a6c4507bf7f6d0392a187b2.png

所以通常我们都会自定义一个继承自BaseAdapter(已继承ListViewAdapter)来实现更加灵活强大的listview适配器，通过查看源码可以发现:ArrayAdapter(继承自BaseAdapter),SimpleAdapter(继承自BaseAdapter)的类，所以，这节我们讲一下如何重写BaseAdapter 重写getView()方法,如何使用ViewHolder优化findView次数来实现我们自己想要的功能。

基于 BaseAdapter 使用 ListView

添加 ListView 组件，存放数据，设置列表项的布局文件都和 SimpleAdapter 中的操作相同

创建一个 Adapter 继承 BaseAdapter，并实现抽象方法。

BaseAdapter 有 4 个抽象方法需要去实现：

  1. int getCount(); //返回的是数据源对象的个数，即列表项数
  2. Object getItem(int var1); //返回指定位置position上的列表项
  3. long getItemId(int var1); //返回指定位置处的行ID
  4. View getView(int var1, View var2, ViewGroup var3); //返回列表项对应的视图

继承 BaseAdapter 时需要去实现这 4 个抽象方法，这几个抽象方法都是 Adapter 接口中定义的方法。

前三个方法基本很简单不需要太多关注，重点在getView方法的实现

继承 BaseAdapter 基本样式：

  1. package com.example.Listview_BaseAdapter;
  4. /**
  5.  * @author wh445306
  6.  * @version 1.0
  7.  * @Description MyAdapter
  8.  * @Date 2023-03-17 13:10
  9.  */
  11. public class MyAdapter extends BaseAdapter {
  13.     List<Map<String,Object>> list;
  14.     LayoutInflater mInflater;
  15.     Context context;
  18.     // MyAdapter构造函数 建议把上下文context也传进来
  19.     public MyAdapter(Context context, List<Map<String, Object>> list){
  20.         super();
  21.         mInflater = LayoutInflater.from(context);
  22.         this.list = list;
  23.         this.context=context;
  24.     }
  26.     @Override
  27.     public int getCount() {
  28.         return list.size();
  29.     }
  31.     @Override
  32.     public Object getItem(int position) {
  33.         return list.get(position);
  34.     }
  36.     @Override
  37.     public long getItemId(int position) {
  38.         return position;
  39.     }
  41.     @Override
  42.     public View getView(final int position, View convertView, ViewGroup parent) {
  44.         return null;
  45.     }
  48. }

public View getView(final int position, View convertView, ViewGroup parent) {

return null;
}

第一个参数： int position，一般BaseAdapter都是很多类型一样的数据展示在界面，
该属性是判断显示在界面上的是第几个，通过position在BaseAdapter自定义的数组或者集合中取值。并展示在界面上。

第二个参数： View converView View converView是展示在界面上的一个item。因为手机屏幕就那么大，所以一次展示给用户看见的内容是固定的，如果你List中有1000条数据，不应该new1000个converView，那样内存肯定不足，应该学会控件重用，滑出屏幕的converView就在下面新进来的item中重新使用，只是修改下他展示的值。这样能减去很多消耗。
不过有的时候我们不能对其进行重构 比如带CheckBox的item，如果你使用判断，在你选中某个item的CheckBox时滑动时会出现混乱，这时你就必须去掉判断对其进行重构。

第三个参数：ViewGroup parent 这个属性是加载xml视图时使用。

所以在下面的代码中我们为了提高性能会先判定converView是否为空，为空的话猜重新创建并且后面选择保存布局到缓存

下面我们上一个完整示例代码：

  1. MainActivity单元：
  3. package com.example.Listview_BaseAdapter;
  5. import android.util.Log;
  6. import android.view.View;
  7. import android.widget.AdapterView;
  8. import android.widget.ListView;
  9. import android.widget.Toast;
  10. import androidx.appcompat.app.AppCompatActivity;
  11. import android.os.Bundle;
  13. import java.util.ArrayList;
  14. import java.util.HashMap;
  15. import java.util.List;
  16. import java.util.Map;
  19. public class MainActivity extends AppCompatActivity {
  21.     String[] names={"张三","李四","王五","听雨","若兰","海子","大眼","卡卡","小米","小恐龙"};
  22.     String[] ids={"wh445306","jyw8886","bmw8899","xx8yzz","888yzx","776yy9","99zz9","ka8ka8","xiaoni8","xkl888"};
  23.     String[] ages={"28岁","27岁","22岁","24岁","28岁","18岁","15岁","13岁","17岁","20岁"};
  24.     //String[] tels={"18322228898","13922278898","13719780706","15322228898"};
  25.     //int[] pics={R.drawable.userface1,R.drawable.userface2,R.drawable.userface3,R.drawable.userface4};
  26.     List<Map<String,Object>> list = new ArrayList<>();
  28.     @Override
  29.     protected void onCreate(Bundle savedInstanceState) {
  30.         super.onCreate(savedInstanceState);
  31.         setContentView(R.layout.activity_main);
  33.         for (int i = 0; i < names.length; i++) {
  34.             Map<String,Object> map= new HashMap<>();
  35.             map.put("name",names[i]);
  36.             map.put("id",ids[i]);
  37.             map.put("age",ages[i]);
  38.             map.put("tel","138"+(int)(Math.random()*90000000+10000000));
  39.             int picID = getResources().getIdentifier("userface"+(i+1), "drawable", getPackageName());
  40.             map.put("pic",picID);
  41.             map.put("box",false);
  43.             list.add(map);
  44.         }
  45.         ListView listView=findViewById(R.id.lvTest);
  47. /*    使用SimpleAdapter
  48.        SimpleAdapter adapter = new SimpleAdapter(MainActivity.this,  list,R.layout.list_item,
  49.                         new String[] { "name", "id", "age","tel","pic" },
  50.                         new int[] { R.id.txtUserName, R.id.txtUserID, R.id.txtUserAge,R.id.txtUserTel,R.id.imgHead });
  51.  */
  52.         // 使用BaseAdapter
  53.         MyAdapter adapter =new MyAdapter(this,list);
  55.         listView.setAdapter(adapter);
  57.         //为 ListView 的列表项添加鼠标点击事件
  58.         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
  59.             /**
  60.              * @param adapterView 发生单击事件的列表项 ListView
  61.              * @param view        view是当前listview中的item的view的布局,就是可用这个view获取里面控件id后操作控件
  62.              * @param i           在列表项中的位置 position
  63.              * @param l           被单击列表项的行ID
  64.              */
  65.             @Override
  66.             public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
  67.                 String Tag = "onItemClick======";
  68.                 Log.d(Tag, "position=" + i);
  69.                 Log.d(Tag, "行 ID" + l);
  70. /*              HashMap<String,String> map=(HashMap<String,String>)adapterView.getItemAtPosition(i);
  71.                 String Text= map.get("name");
  72.                 String id= map.get("id");
  73. */
  74.                 String Text= list.get(i).get("name").toString();
  75.                 String id= list.get(i).get("id").toString();
  76.                 Toast.makeText(MainActivity.this, "您点击的行：Name:="+Text+" id:="+id, Toast.LENGTH_SHORT).show();
  78.             }
  80.         });
  81.     }
  82. }
  84. BaseAdapter实现单元:
  86. package com.example.Listview_BaseAdapter;
  88. import android.content.Context;
  89. import android.view.LayoutInflater;
  90. import android.view.View;
  91. import android.view.ViewGroup;
  92. import android.widget.*;
  94. import java.util.HashMap;
  95. import java.util.List;
  96. import java.util.Map;
  98. /**
  99.  * @author wh445306
  100.  * @version 1.0
  101.  * @Description MyAdapter
  102.  * @Date 2023-03-17 13:10
  103.  */
  105. public class MyAdapter extends BaseAdapter {
  107.     List<Map<String,Object>> list;
  108.     LayoutInflater mInflater;
  109.     Context context;
  111.     // 用于记录listView中的复选框有哪些是被选中的
  112.     HashMap<Integer, Boolean> state = new HashMap<>();
  114.     // MyAdapter构造函数 建议把上下文context也传进来
  115.     public MyAdapter(Context context, List<Map<String, Object>> list){
  116.         super();
  117.         mInflater = LayoutInflater.from(context);
  118.         this.list = list;
  119.         this.context=context;
  120.     }
  122.     @Override
  123.     public int getCount() {
  124.         return list.size();
  125.     }
  127.     @Override
  128.     public Object getItem(int position) {
  129.         return list.get(position);
  130.     }
  132.     @Override
  133.     public long getItemId(int position) {
  134.         return position;
  135.     }
  137.     @Override
  138.     public View getView(final int position, View convertView, ViewGroup parent) {
  140.         ViewHolder holder;
  142.         if(convertView==null){
  144.             // 首次convertView为null时才会加载item布局文件
  145.             holder= new ViewHolder();
  146.             convertView= mInflater.inflate(R.layout.list_item,null);
  148.             // 通过ViewHolder持有view中的子控件
  149.             holder.name=convertView.findViewById(R.id.txtUserName);
  150.             holder.id=convertView.findViewById(R.id.txtUserID);
  151.             holder.age=convertView.findViewById(R.id.txtUserAge);
  152.             holder.tel=convertView.findViewById(R.id.txtUserTel);
  153.             holder.pic=convertView.findViewById(R.id.imgHead);
  154.             holder.box =convertView.findViewById(R.id.chkBox);
  156.             // 再通过setTag的形式和view绑定
  157.             convertView.setTag(holder);
  158.         }else {
  159.             holder= (ViewHolder) convertView.getTag();
  160.         }
  162.         // 使用ViewHolder实现View组件的缓存和重用,重用View时就不用通过findViewById重新寻找view组件
  163.         Map<String,Object> map = list.get(position);
  164.         //holder.name.setText((String)list.get(position).get("name"));
  165.         holder.name.setText((String)map.get("name"));
  166.         holder.id.setText((String)map.get("id"));
  167.         holder.age.setText((String)map.get("age"));
  168.         holder.tel.setText((String)map.get("tel"));
  169.         holder.pic.setImageResource((int) map.get("pic"));
  170.         //holder.box.setChecked((Boolean) map.get("box"));
  172.         // 根据state设置复选框是否被选中
  173.         // 但是由于setChecked方法会触发下面setOnCheckedChangeListener
  174.         // 所以需要在setOnCheckedChangeListener中添加一句，判断是用户点击的才触发处理
  175.         holder.box.setChecked(state.get(position));
  176.         holder.box.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
  177.             @Override
  178.             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
  179.                 // 忽略非人为点击
  180.                 if(!buttonView.isPressed())return;
  181.                 // 记录那些复选框被选中，保存在List<map>中
  182.                 if (isChecked) {
  183.                     state.put(position, isChecked);
  184.                 } else {
  185.                     state.remove(position);
  186.                 }
  187.                 // 在这里处理选中或取消选中的操作
  188.                 if (isChecked) {
  189.                     Toast.makeText(context, "您选中了：Name:="+ list.get(position).get("name"), Toast.LENGTH_SHORT).show();
  190.                 } else {
  191.                     Toast.makeText(context, "您取消了选中：Name:="+ list.get(position).get("name"), Toast.LENGTH_SHORT).show();
  192.                 }
  194.             }
  195.         });
  198.         return convertView;
  199.     }
  202.     // 定义一个ViewHolder静态类来持有convertView的每一个子控件
  203.     public static  class ViewHolder{
  204.         public TextView name;
  205.         public TextView id;
  206.         public TextView age;
  207.         public TextView tel;
  208.         public ImageView pic;
  209.         public CheckBox box;
  210.     }
  212. }

item布局：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.               xmlns:tools="http://schemas.android.com/tools"
  4.               xmlns:app="http://schemas.android.com/apk/res-auto"
  5.               android:layout_width="match_parent"
  6.               android:layout_height="match_parent">
  8.     <!--顶部头像信息栏布局-->
  9.     <LinearLayout
  10.             android:orientation="horizontal"
  11.             android:layout_width="match_parent"
  12.             android:layout_height="wrap_content"
  13.             android:layout_margin="10dp">
  16.         <androidx.cardview.widget.CardView
  17.                 android:id="@+id/imgCard"
  18.                 android:layout_width="wrap_content"
  19.                 android:layout_height="wrap_content"
  20.                 android:layout_gravity="center"
  21.                 app:cardCornerRadius="5dp"
  22.                 app:cardElevation="5dp"
  23.                 android:layout_margin="10dp">
  25.             <ImageView
  26.                     android:id="@+id/imgHead"
  27.                     android:layout_width="100dp"
  28.                     android:layout_height="100dp"
  29.                     android:src="@drawable/userface1"/>
  31.         </androidx.cardview.widget.CardView>
  35.         <LinearLayout
  36.                 android:orientation="vertical"
  37.                 android:layout_width="match_parent"
  38.                 android:layout_height="wrap_content"
  39.                 android:layout_marginTop="5dp">
  40.             <TextView
  41.                     android:id="@+id/txtUserName"
  42.                     android:text="IT情深"
  43.                     android:layout_width="wrap_content"
  44.                     android:layout_height="wrap_content"
  45.                     android:textColor="#000000"
  46.                     android:textSize="18sp"/>
  48.             <LinearLayout
  49.                     android:orientation="horizontal"
  50.                     android:layout_width="wrap_content"
  51.                     android:layout_height="wrap_content">
  53.                 <TextView
  54.                         android:text="ID："
  55.                         android:layout_width="match_parent"
  56.                         android:layout_height="wrap_content"
  57.                         android:layout_marginTop="5dp"/>
  59.                 <TextView
  60.                         android:id="@+id/txtUserID"
  61.                         android:text="wh445306"
  62.                         android:layout_width="wrap_content"
  63.                         android:layout_height="wrap_content"
  64.                         android:layout_marginLeft="5dp"
  65.                         android:layout_marginTop="5dp"/>
  67.             </LinearLayout>
  69.             <LinearLayout
  70.                     android:orientation="horizontal"
  71.                     android:layout_width="match_parent"
  72.                     android:layout_height="wrap_content">
  74.                 <TextView
  75.                         android:text="年龄："
  76.                         android:layout_width="wrap_content"
  77.                         android:layout_height="wrap_content" />
  80.                 <TextView
  81.                         android:id="@+id/txtUserAge"
  82.                         android:text="28岁"
  83.                         android:layout_width="wrap_content"
  84.                         android:layout_height="wrap_content"
  85.                         android:layout_marginLeft="5dp" />
  89.                 <CheckBox
  90.                         android:id="@+id/chkBox"
  91.                         android:layout_width="wrap_content"
  92.                         android:layout_height="wrap_content"
  93.                         android:focusable="false"
  94.                         android:focusableInTouchMode="false"
  95.                         />
  99.             </LinearLayout>
  101.             <LinearLayout
  102.                     android:orientation="horizontal"
  103.                     android:layout_width="wrap_content"
  104.                     android:layout_height="wrap_content">
  106.                 <TextView
  107.                         android:text="手机号码："
  108.                         android:layout_width="wrap_content"
  109.                         android:layout_height="wrap_content"
  110.                         />
  112.                 <TextView
  113.                         android:id="@+id/txtUserTel"
  114.                         android:text="13318780706"
  115.                         android:layout_width="wrap_content"
  116.                         android:layout_height="wrap_content"
  117.                         android:layout_marginLeft="5dp"
  118.                         />
  119.             </LinearLayout>
  122.             <LinearLayout
  123.                     android:orientation="horizontal"
  124.                     android:layout_width="wrap_content"
  125.                     android:layout_height="wrap_content">
  128.                 <TextView
  129.                         android:text="最后登录时间："
  130.                         android:layout_width="wrap_content"
  131.                         android:layout_height="wrap_content"/>
  134.                 <TextView
  135.                         android:id="@+id/txtLastIP"
  136.                         android:text="2023-03-11 14:56"
  137.                         android:layout_width="match_parent"
  138.                         android:layout_height="wrap_content"/>
  141.             </LinearLayout>
  142.         </LinearLayout>
  143.     </LinearLayout>
  146. </LinearLayout>

主布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.         xmlns:android="http://schemas.android.com/apk/res/android"
  4.         xmlns:tools="http://schemas.android.com/tools"
  5.         xmlns:app="http://schemas.android.com/apk/res-auto"
  6.         android:layout_width="match_parent"
  7.         android:layout_height="match_parent"
  8.         android:orientation="vertical"
  9.         tools:context=".MainActivity">
  12.     <ListView
  13.             android:id="@+id/lvTest"
  14.             android:layout_width="match_parent"
  15.             android:layout_height="match_parent"/>
  16. </LinearLayout>

发表评论

表情：
评论列表 （有 0 条评论，33人围观）

还没有评论，来说两句吧...

相关阅读