ListView 通用 Adapter 封装

鸿神出品，必属精品，这个就 NB 了，地址在这里，自从看了这个后，我后面的 Android 项目几乎都是采用这样的模式，妈妈再也不用担心我重复的写 ListView 的 Adapter了，另外加上了点击事件

CommonAdapter 传入一个泛型 T 以供装载不同的 Bean 对象，同时暴露一个 convert 方法，并且还把 viewHolder 和本 Item对于的 Bean 对象给传出去，外部类实现 convert 方法后，通过 ViewHolder 把View 找到，通过 Item 设置值，这里传入一个 postion 是为了方便做事件监听

public abstract class CommonAdapter<T> extends BaseAdapter {
    private List<T> mData;
    private Context mContext;
    protected final int mLayoutId;

    public CommonAdapter(Context mContext, List<T> mData, int mLayoutId) {
        this.mData = mData;
        this.mContext = mContext;
        this.mLayoutId = mLayoutId;
    }
    @Override
    public int getCount() {
        return mData.size()!=0?mData.size():0;
    }

    @Override
    public T getItem(int position) {
        return mData.get(position)!=null?mData.get(position):null;
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent, mLayoutId, position);
        convert(viewHolder,getItem(position),position);

        return viewHolder.getConvertView();
    }
    //对外公布了一个convert方法，并且还把viewHolder和本Item对于的Bean对象给传出去，
    // 实现convert方法后，里面需要干嘛呢？通过ViewHolder把View找到，通过Item设置值
    //传入一个postion方便做事件监听
    public abstract void convert(ViewHolder holder,T item, int position);
}
复制代码

---

ViewHolder 用来实现装载布局，存储 View，并与 convertview 绑定

public class ViewHolder {
    //与传统的ViewHolder不同，
    // 我们使用了一个SparseArray<View>用于存储与之对于的convertView的所有的控件，
    // 当需要拿这些控件时，通过getView(id)进行获取；
    private final SparseArray<View> mViews;
    private View mConvertView;
    private int mPosition;
    public ViewHolder(Context context,ViewGroup parent,int layoutId,int position) {
        this.mViews = new SparseArray<>();
        this.mConvertView = LayoutInflater.from(context).inflate(layoutId,parent,false);
        this.mPosition = position;
        mConvertView.setTag(this);
    }

    //拿到一个ViewHolder对象
    public static ViewHolder get(Context context, View convertView,ViewGroup parent, int layoutId, int position) {
        if (convertView == null) {
            return new ViewHolder(context,parent,layoutId,position);
        }
        return (ViewHolder)convertView.getTag();
    }

    //通过控件的Id获取对于的控件，如果没有则加入views
    public <T extends View> T getView(int viewId) {
        View view = mViews.get(viewId);
        if (view == null) {
            view = mConvertView.findViewById(viewId);
            mViews.put(viewId,view);
        }
        return (T) view;
    }

    public View getConvertView() {
        return mConvertView;
    }
    /**
     * 为TextView设置字符串
     * @param viewId
     * @param text
     * @return
     */
    public ViewHolder setText(int viewId, String text){
        TextView textView = getView(viewId);
        textView.setText(text);
        return this;
    }
    /**
     * 为ImageView设置图片
     *
     * @param viewId
     * @param drawableId
     * @return
     */
    public ViewHolder setImageResource(int viewId, int drawableId){
        ImageView imageView = getView(viewId);
        imageView.setImageResource(drawableId);
        return this;
    }
    /**
     * 为ImageView设置图片
     * @param viewId
     * @param bm
     * @return
     */
    public ViewHolder setImageBitmap(int viewId, Bitmap bm){
        ImageView imageView = getView(viewId);
        imageView.setImageBitmap(bm);
        return this;
    }

    public ViewHolder setImageByUrl(int viewId, String url){
        //使用url加载图片
        return this;
    }
    //返回一个Postion
    public int getPosition(){
        return mPosition;
    }
}
复制代码

---

再来看看封装 Adpater 后 MainActivity 的写法

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";
    private List<String> simpleData = Arrays.asList("aaa", "bbb", "ccc", "ddd", "Ffff",
            "ggg", "111", "222", "333", "$44", "5555", "666", "777", "8888", "bbb", "ccc", "ddd", "Ffff");

    private List<BeanItem> mData = Arrays.asList(
            new BeanItem("保险","支付宝推出大病无忧保，看来马云把触角伸到保险领域了，每线下消费一笔","11111111",android.R.drawable.ic_delete),
            new BeanItem("重疾险","健康保障金额就会增加，最高上限是2000，这个是免费给你的","22222222",android.R.drawable.ic_delete),
            new BeanItem("Kotlin","今天打开微信，几乎各个技术公众号都在写 Google IO 2017 的消息","33333333",R.mipmap.ic_launcher),
            new BeanItem("XXX","XXXXXXXXXXXXXXXX,在食XXXX三楼","44444444",R.mipmap.ic_launcher),
            new BeanItem("XXXX","周三早XXXX上捡到XXX一只XXX","1ASFASDF11",android.R.drawable.ic_delete)
    );
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView mListView = (ListView) findViewById(R.id.listView);
        //通用写法
//        mListView.setAdapter(new MyAdater(this,mData));
        //封装后写法(简单布局)
//        mListView.setAdapter(new CommonAdapter<String>(getApplicationContext(), simpleData, R.layout.list_item) {
//            @Override
//            public void convert(final ViewHolder holder, String item) {
//                holder.setText(R.id.textView, item);
//                //添加点击事件
//                holder.getView(R.id.textView).setOnClickListener(new View.OnClickListener() {
//                    @Override
//                    public void onClick(View v) {
//                        int position = holder.getPosition();
//                        Toast.makeText(MainActivity.this, "点击了第: "+position+"个条目", Toast.LENGTH_SHORT).show();
//                    }
//                });
//            }
//        });
        //封装后写法(复杂布局)
        mListView.setAdapter(new CommonAdapter<BeanItem>(getApplicationContext(),mData,R.layout.list_item) {

            @Override
            public void convert(ViewHolder holder, BeanItem item, final int position) {
                holder.setText(R.id.tv_title,item.getTitle());
                holder.setText(R.id.tv_describe,item.getDesc());
                holder.setText(R.id.tv_time,item.getTime());
                holder.setImageResource(R.id.image,item.getImageId());
                holder.getView(R.id.relativeLayout).setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this, "点击sf了sf第: "+position+"个条目", Toast.LENGTH_SHORT).show();
                    }
                });
            }
        });
    }
}
复制代码

list_item 布局是这样的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#ffffff"
    android:id="@+id/relativeLayout"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:maxLines="1"
        android:text="星期天"
        android:textSize="16sp"
        android:textColor="#444444" />

    <TextView
        android:id="@+id/tv_describe"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_title"
        android:layout_marginTop="10dp"
        android:maxLines="2"
        android:minLines="1"
        android:text="2017年5月21日09:36:27"
        android:textColor="#898989"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/tv_time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/tv_describe"
        android:layout_marginTop="10dp"
        android:text="20130240122"
        android:textColor="#898989"
        android:textSize="12sp" />
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/image"
        android:layout_centerInParent="true"
        android:layout_alignParentRight="true"
        android:src="@mipmap/ic_launcher"/>
</RelativeLayout>
复制代码

效果和之前写的还是一样的，哈哈！

转载于:https://juejin.im/post/5a45d7e86fb9a04515443470