前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >3-VI--☆ListView的封装

3-VI--☆ListView的封装

作者头像
张风捷特烈
发布2018-09-26 16:32:39
4330
发布2018-09-26 16:32:39
举报
零、前言

[1].第一次自己ListView封装时,封装的比较差,用起来不是很好用,虽然比起原生好很多 [2].第二次接触ListView封装是在慕课网hyman的课程,深深折服 [3].基于此思想,自己封装了RecyclerView


一、使用
1.使用起来只要两步
代码语言:javascript
复制
public class Up3Activity extends AppCompatActivity {

    @BindView(R.id.lv)
    ListView mLv;
    private ArrayList<String> mNames;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        mNames = DataUtils.getRandomName(200000, true);
        mLv.setAdapter(new MyLVAdapter<String>(this, mNames, R.layout.item_array_with_img) {
            @Override
            public void setData(MyLVHolder holder, String data, int position) {
                holder.setText(R.id.tv_content, data);
            }
        });
    }
}

listview封装.png


二、封装过程:
1. MyLVHolder类
代码语言:javascript
复制
/**
 * 作者:张风捷特烈
 * 时间:2018/4/6:11:30
 * 邮箱:1981462002@qq.com
 * 说明:MyLVHolder
 */
public class MyLVHolder {

    /**
     * 条目内部控件的view集合
     */
    private SparseArray<View> mViews;
    /**
     * 位置
     */
    private int mPosition;
    /**
     * 条目视图
     */
    private View mItemView;
    private List<Integer> mPos;

    /**
     * @param ctx      上下文
     * @param parent   parent
     * @param layoutId 布局ID
     * @param position 位置
     */
    public MyLVHolder(Context ctx, ViewGroup parent, int layoutId, int position) {
        mPosition = position;
        mViews = new SparseArray<>();
        //生成条目的View
        mItemView = LayoutInflater.from(ctx).inflate(layoutId, parent, false);
        //用MyLVHolder为条目View设置标签
        mItemView.setTag(this);
    }

    /**
     * 获取 MyLVHolder 对象
     *
     * @param ctx         上下文
     * @param convertView convertView
     * @param parent      parent
     * @param layoutId    布局ID
     * @param position    位置
     * @return MyLVHolder 对象
     */
    public static MyLVHolder get(Context ctx, View convertView, ViewGroup parent, int layoutId, int position) {
        //convertView为空
        if (convertView == null) {
            //创建MyLVHolder对象
            return new MyLVHolder(ctx, parent, layoutId, position);
        } else {
            //复用MyLVHolder
            MyLVHolder holder = (MyLVHolder) convertView.getTag();
            holder.mPosition = position;//更新position
            return holder;
        }
    }

    public List<Integer> handleCheckBox(int checkBoxId) {
        mPos = new ArrayList<>();
        final CheckBox cb = this.getView(checkBoxId);
        cb.setChecked(false);
        if (mPos.contains(this.getPosition())) {
            cb.setChecked(true);
        }
        cb.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (cb.isChecked()) {
                    mPos.add(getPosition());
                } else {
                    mPos.remove((Integer) getPosition());
                }
            }
        });
        return mPos;//返回选中的CheckBox位置集合
    }


    public View getItemView() {
        return mItemView;
    }

    /**
     * 通过viewId获取控件
     *
     * @param viewId 条目内部控件的id
     * @param <T>    数据泛型
     * @return view
     */
    public <T extends View> T getView(int viewId) {
        //通过viewId为键获取View值
        View view = mViews.get(viewId);
        //如果view为空
        if (view == null) {
            //条目findViewById获取View
            view = mItemView.findViewById(viewId);
            //以id为键,View为值存入mViews集合
            mViews.put(viewId, view);
        }
        return (T) view;
    }

    public View getConvertView() {
        return mItemView;
    }

    public int getPosition() {
        return mPosition;
    }

    /**
     * 设置TextView文本方法
     *
     * @param viewId 条目内部控件的id
     * @param text 文本
     * @return MyLVHolder对象
     */
    public MyLVHolder setText(int viewId, String text) {
        TextView view = getView(viewId);
        view.setText(text);
        return this;
    }

    /**
     * 通过id设置图片
     * @param viewId 条目内部控件的id
     * @param resId 资源id
     * @return MyLVHolder对象
     */
    public MyLVHolder setImageViewRes(int viewId, int resId) {
        ImageView view = getView(viewId);
        view.setImageResource(resId);
        return this;
    }

    /**
     * 通过id设置图片
     * @param viewId 条目内部控件的id
     * @param bitmap 图片
     * @return MyLVHolder对象
     */
    public MyLVHolder setImageViewBitmap(int viewId, Bitmap bitmap) {
        ImageView view = getView(viewId);
        view.setImageBitmap(bitmap);
        return this;
    }
}
2.适配器类:MyLVAdapter
代码语言:javascript
复制
/**
 * 作者:张风捷特烈
 * 时间:2018/4/6:13:51
 * 邮箱:1981462002@qq.com
 * 说明:ListView适配器
 */
public abstract class MyLVAdapter<T> extends BaseAdapter {
    /**
     * 数据
     */
    protected List<T> mDatas;
    /**
     * 布局ID
     */
    protected int mLayoutId;
    /**
     * 上下文
     */
    protected Context mCtx;


    public MyLVAdapter(Context ctx, List<T> datas, int listId) {
        mCtx = ctx;
        mDatas = datas;
        mLayoutId = listId;
    }

    @Override
    public int getCount() {
        return mDatas.size();
    }

    @Override
    public T getItem(int position) {
        return mDatas.get(position);
    }

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


    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //创建 MyLVHolder 对象
        MyLVHolder holder = MyLVHolder.get(mCtx, convertView, parent, mLayoutId, position);
        setData(holder, getItem(position), position);
        return holder.getConvertView();
    }

    /**
     * 设置数据抽象方法
     * @param holder MyLVHolder
     * @param data 数据
     * @param position 位置
     */
    public abstract void setData(MyLVHolder holder, T data, int position);

}

附录、布局:
activity_main.xml
代码语言:javascript
复制
<?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">

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true">
    </ListView>
</LinearLayout>
layout/item_array_with_img.xml
代码语言:javascript
复制
<?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="match_parent"
                android:padding="10dp">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:textSize="18sp"
        android:textColor="#000"
        android:layout_toRightOf="@+id/iv_icon"
        android:text=""/>
</RelativeLayout>

本文由张风捷特烈原创,转载请注明 更多安卓技术欢迎访问:https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站,编程笔记请访问:http://www.toly1994.com 你的喜欢与支持将是我最大的动力

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.08.27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 零、前言
  • 一、使用
    • 1.使用起来只要两步
      • 二、封装过程:
        • 1. MyLVHolder类
          • 2.适配器类:MyLVAdapter
          • 附录、布局:
            • activity_main.xml
              • layout/item_array_with_img.xml
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档