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

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

上一篇文章中我们讲了[Android Listview SimpleAdapter的使用完整示例（实现用户列表）\_左眼看成爱的博客-CSDN博客][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 个抽象方法需要去实现：

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

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

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

**继承 BaseAdapter 基本样式：**

package com.example.Listview_BaseAdapter;
    
    
    /**
     * @author wh445306
     * @version 1.0
     * @Description MyAdapter
     * @Date 2023-03-17 13:10
     */
    
    public class MyAdapter extends BaseAdapter {
    
        List<Map<String,Object>> list;
        LayoutInflater mInflater;
        Context context;
    
    
        // MyAdapter构造函数 建议把上下文context也传进来
        public MyAdapter(Context context, List<Map<String, Object>> list){
            super();
            mInflater = LayoutInflater.from(context);
            this.list = list;
            this.context=context;
        }
    
        @Override
        public int getCount() {
            return list.size();
        }
    
        @Override
        public Object getItem(int position) {
            return list.get(position);
        }
    
        @Override
        public long getItemId(int position) {
            return position;
        }
    
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
    
            return null;
        }
    
    
    }

**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是否为空，为空的话猜重新创建并且后面选择保存布局到缓存

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

MainActivity单元：

package com.example.Listview_BaseAdapter;
    
    import android.util.Log;
    import android.view.View;
    import android.widget.AdapterView;
    import android.widget.ListView;
    import android.widget.Toast;
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    
    import java.util.ArrayList;
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    
    public class MainActivity extends AppCompatActivity {
    
        String[] names={"张三","李四","王五","听雨","若兰","海子","大眼","卡卡","小米","小恐龙"};
        String[] ids={"wh445306","jyw8886","bmw8899","xx8yzz","888yzx","776yy9","99zz9","ka8ka8","xiaoni8","xkl888"};
        String[] ages={"28岁","27岁","22岁","24岁","28岁","18岁","15岁","13岁","17岁","20岁"};
        //String[] tels={"18322228898","13922278898","13719780706","15322228898"};
        //int[] pics={R.drawable.userface1,R.drawable.userface2,R.drawable.userface3,R.drawable.userface4};
        List<Map<String,Object>> list = new ArrayList<>();
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            for (int i = 0; i < names.length; i++) {
                Map<String,Object> map= new HashMap<>();
                map.put("name",names[i]);
                map.put("id",ids[i]);
                map.put("age",ages[i]);
                map.put("tel","138"+(int)(Math.random()*90000000+10000000));
                int picID = getResources().getIdentifier("userface"+(i+1), "drawable", getPackageName());
                map.put("pic",picID);
                map.put("box",false);
    
                list.add(map);
            }
            ListView listView=findViewById(R.id.lvTest);
    
    /*    使用SimpleAdapter
           SimpleAdapter adapter = new SimpleAdapter(MainActivity.this,  list,R.layout.list_item,
                            new String[] { "name", "id", "age","tel","pic" },
                            new int[] { R.id.txtUserName, R.id.txtUserID, R.id.txtUserAge,R.id.txtUserTel,R.id.imgHead });
     */
            // 使用BaseAdapter
            MyAdapter adapter =new MyAdapter(this,list);
    
            listView.setAdapter(adapter);
    
            //为 ListView 的列表项添加鼠标点击事件
            listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                /**
                 * @param adapterView 发生单击事件的列表项 ListView
                 * @param view        view是当前listview中的item的view的布局,就是可用这个view获取里面控件id后操作控件
                 * @param i           在列表项中的位置 position
                 * @param l           被单击列表项的行ID
                 */
                @Override
                public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                    String Tag = "onItemClick======";
                    Log.d(Tag, "position=" + i);
                    Log.d(Tag, "行 ID" + l);
    /*              HashMap<String,String> map=(HashMap<String,String>)adapterView.getItemAtPosition(i);
                    String Text= map.get("name");
                    String id= map.get("id");
    */
                    String Text= list.get(i).get("name").toString();
                    String id= list.get(i).get("id").toString();
                    Toast.makeText(MainActivity.this, "您点击的行：Name:="+Text+" id:="+id, Toast.LENGTH_SHORT).show();
    
                }
    
            });
        }
    }

BaseAdapter实现单元:

package com.example.Listview_BaseAdapter;
    
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.*;
    
    import java.util.HashMap;
    import java.util.List;
    import java.util.Map;
    
    /**
     * @author wh445306
     * @version 1.0
     * @Description MyAdapter
     * @Date 2023-03-17 13:10
     */
    
    public class MyAdapter extends BaseAdapter {
    
        List<Map<String,Object>> list;
        LayoutInflater mInflater;
        Context context;
    
        // 用于记录listView中的复选框有哪些是被选中的
        HashMap<Integer, Boolean> state = new HashMap<>();
    
        // MyAdapter构造函数 建议把上下文context也传进来
        public MyAdapter(Context context, List<Map<String, Object>> list){
            super();
            mInflater = LayoutInflater.from(context);
            this.list = list;
            this.context=context;
        }
    
        @Override
        public int getCount() {
            return list.size();
        }
    
        @Override
        public Object getItem(int position) {
            return list.get(position);
        }
    
        @Override
        public long getItemId(int position) {
            return position;
        }
    
        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
    
            ViewHolder holder;
    
            if(convertView==null){
    
                // 首次convertView为null时才会加载item布局文件
                holder= new ViewHolder();
                convertView= mInflater.inflate(R.layout.list_item,null);
    
                // 通过ViewHolder持有view中的子控件
                holder.name=convertView.findViewById(R.id.txtUserName);
                holder.id=convertView.findViewById(R.id.txtUserID);
                holder.age=convertView.findViewById(R.id.txtUserAge);
                holder.tel=convertView.findViewById(R.id.txtUserTel);
                holder.pic=convertView.findViewById(R.id.imgHead);
                holder.box =convertView.findViewById(R.id.chkBox);
    
                // 再通过setTag的形式和view绑定
                convertView.setTag(holder);
            }else {
                holder= (ViewHolder) convertView.getTag();
            }
    
            // 使用ViewHolder实现View组件的缓存和重用,重用View时就不用通过findViewById重新寻找view组件
            Map<String,Object> map = list.get(position);
            //holder.name.setText((String)list.get(position).get("name"));
            holder.name.setText((String)map.get("name"));
            holder.id.setText((String)map.get("id"));
            holder.age.setText((String)map.get("age"));
            holder.tel.setText((String)map.get("tel"));
            holder.pic.setImageResource((int) map.get("pic"));
            //holder.box.setChecked((Boolean) map.get("box"));
    
            // 根据state设置复选框是否被选中
            // 但是由于setChecked方法会触发下面setOnCheckedChangeListener
            // 所以需要在setOnCheckedChangeListener中添加一句，判断是用户点击的才触发处理
            holder.box.setChecked(state.get(position));
            holder.box.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    // 忽略非人为点击
                    if(!buttonView.isPressed())return;
                    // 记录那些复选框被选中，保存在List<map>中
                    if (isChecked) {
                        state.put(position, isChecked);
                    } else {
                        state.remove(position);
                    }
                    // 在这里处理选中或取消选中的操作
                    if (isChecked) {
                        Toast.makeText(context, "您选中了：Name:="+ list.get(position).get("name"), Toast.LENGTH_SHORT).show();
                    } else {
                        Toast.makeText(context, "您取消了选中：Name:="+ list.get(position).get("name"), Toast.LENGTH_SHORT).show();
                    }
    
                }
            });
    
    
            return convertView;
        }
    
    
        // 定义一个ViewHolder静态类来持有convertView的每一个子控件
        public static  class ViewHolder{
            public TextView name;
            public TextView id;
            public TextView age;
            public TextView tel;
            public ImageView pic;
            public CheckBox box;
        }
    
    }

item布局：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  xmlns:tools="http://schemas.android.com/tools"
                  xmlns:app="http://schemas.android.com/apk/res-auto"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent">
    
        
        <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="10dp">
    
    
            <androidx.cardview.widget.CardView
                    android:id="@+id/imgCard"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    app:cardCornerRadius="5dp"
                    app:cardElevation="5dp"
                    android:layout_margin="10dp">
    
                <ImageView
                        android:id="@+id/imgHead"
                        android:layout_width="100dp"
                        android:layout_height="100dp"
                        android:src="@drawable/userface1"/>
    
            </androidx.cardview.widget.CardView>
    
    
    
            <LinearLayout
                    android:orientation="vertical"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp">
                <TextView
                        android:id="@+id/txtUserName"
                        android:text="IT情深"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:textColor="#000000"
                        android:textSize="18sp"/>
    
                <LinearLayout
                        android:orientation="horizontal"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">
    
                    <TextView
                            android:text="ID："
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="5dp"/>
    
                    <TextView
                            android:id="@+id/txtUserID"
                            android:text="wh445306"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="5dp"
                            android:layout_marginTop="5dp"/>
    
                </LinearLayout>
    
                <LinearLayout
                        android:orientation="horizontal"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
    
                    <TextView
                            android:text="年龄："
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content" />
    
    
                    <TextView
                            android:id="@+id/txtUserAge"
                            android:text="28岁"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="5dp" />
    
    
    
                    <CheckBox
                            android:id="@+id/chkBox"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:focusable="false"
                            android:focusableInTouchMode="false"
                            />
    
    
    
                </LinearLayout>
    
                <LinearLayout
                        android:orientation="horizontal"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">
    
                    <TextView
                            android:text="手机号码："
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            />
    
                    <TextView
                            android:id="@+id/txtUserTel"
                            android:text="13318780706"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="5dp"
                            />
                </LinearLayout>
    
    
                <LinearLayout
                        android:orientation="horizontal"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content">
    
    
                    <TextView
                            android:text="最后登录时间："
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"/>
    
    
                    <TextView
                            android:id="@+id/txtLastIP"
                            android:text="2023-03-11 14:56"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"/>
    
    
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>
    
    
    </LinearLayout>

主布局文件

[Android Listview SimpleAdapter_-CSDN]: https://blog.csdn.net/wh445306/article/details/129559204?spm=1001.2014.3001.5502
[cd28ec7907f24d7386501719332e11a4.png]: https://img-blog.csdnimg.cn/cd28ec7907f24d7386501719332e11a4.png
[c5bb6f2eab484e7ca7c3481a3018e850.png]: https://img-blog.csdnimg.cn/c5bb6f2eab484e7ca7c3481a3018e850.png
[26cc64226d5c4ea886c6fd77be218f21.png]: https://img-blog.csdnimg.cn/26cc64226d5c4ea886c6fd77be218f21.png
[8bce5b5be7a84ce29bd1e758cdfe8be9.png]: https://img-blog.csdnimg.cn/8bce5b5be7a84ce29bd1e758cdfe8be9.png
[fffe605ffede4cce81bba453512f20bc.png]: https://img-blog.csdnimg.cn/fffe605ffede4cce81bba453512f20bc.png
[08005a9ad4e94eefbba6c541a575510f.png]: https://img-blog.csdnimg.cn/08005a9ad4e94eefbba6c541a575510f.png
[1e3b1d2d2a6c4507bf7f6d0392a187b2.png]: https://img-blog.csdnimg.cn/1e3b1d2d2a6c4507bf7f6d0392a187b2.png