首页 文章 精选 留言 我的

4-VI--☆ListView的封装支持多种条目

2018-08-26 648

零、前言

[1.]封装了一晚，总算把多条目的ListView封装了一下

listview.gif

一、使用

1.初始化数据
        ArrayList<Message> messages = new ArrayList<>();
        messages.add(new Message("你瞅啥?!", "巫缨:", 0));
        messages.add(new Message("瞅你怎滴!!", "捷特:", 1));
        messages.add(new Message("2018-8-13", "9:30", 2));
        messages.add(new Message("你再瞅试试!", "巫缨:", 0));
        for (int i = 0; i < 100; i++) {
            if (i % 3 == 0) {
                messages.add(new Message("我试了怎滴!!--1", "捷特:", 1));
            } else if (i % 3 == 1) {
                messages.add(new Message("2018-8-13", "9:30", 2));
            } else {
                messages.add(new Message("你再瞅试试!--0", "巫缨:", 0));
            }
        }
2.使用：
//类型和布局id放在HashMap中
HashMap<Integer, Integer> typeMap = new HashMap<>();
typeMap.put(0, R.layout.list_item_left);
typeMap.put(1, R.layout.list_item_right);
typeMap.put(2, R.layout.list_item_center);

mLv.setAdapter(new MyLVsAdapter<Message>(this, messages, typeMap) {
    @Override
    public void setData(MyLVsHolder holder, Message data, int position, int type) {
        switch (type) {
            case 0:
                holder.setText(R.id.id_tv_right, data.getValue());
                holder.setText(R.id.id_tv_name, data.getName());
                break;
            case 1:
                holder.setText(R.id.id_tv_left, data.getValue());
                holder.setText(R.id.id_tv_name, data.getName());
                break;
            case 2:
                holder.setText(R.id.id_tv_center, data.getValue());
                holder.setText(R.id.id_tv_name, data.getName());
                break;
        }
    }
});
3.必须有个实体类，且继承ItemBean类：保证实体类有type属性
/**
 * 作者：张风捷特烈<br/>
 * 时间：2018/8/27 0027:18:37<br/>
 * 邮箱：1981462002@qq.com<br/>
 * 说明：信息实体类
 */
public class Message extends ItemBean {
    
    public Message(String value, String name, int type) {
        super(type);
        this.value = value;
        this.name = name;
    }

    private String value;
    private String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getValue() {
        return value;
    }

    public void setValue(String value) {
        this.value = value;
    }
}

二、具体封装类

1.Item类：保证实体类有type属性
/**
 * 作者：张风捷特烈<br/>
 * 时间：2018/8/27 0027:19:30<br/>
 * 邮箱：1981462002@qq.com<br/>
 * 说明：多类型ListView实体类父类
 */
public class ItemBean {
    private int type;

    public ItemBean(int type) {
        this.type = type;
    }

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }
}
2.适配器类
public abstract class MyLVsAdapter<T> extends BaseAdapter {
    /**
     * 数据
     */
    protected List<T> mDatas;
    /**
     * 布局映射
     */
    protected Map<Integer, Integer> mTypeMap;
    /**
     * 上下文
     */
    protected Context mCtx;


    public MyLVsAdapter(Context ctx, List<T> datas, Map<Integer, Integer> typeMap) {
        mCtx = ctx;
        mDatas = datas;
        mTypeMap = typeMap;
    }

    @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 对象

        T t = mDatas.get(position);
        int type = ((ItemBean) t).getType();
        MyLVsHolder holder = new MyLVsHolder(mCtx, convertView, mTypeMap, position, type);
        setData(holder, getItem(position), position, type);

        return holder.getConvertView(type);
    }

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

    /**
     * 根据数据源的position返回需要显示的的layout的type
     *
     * @param position 位置
     * @return
     */
    @Override
    public int getItemViewType(int position) {
        T t = mDatas.get(position);
        ((ItemBean) t).getType();
        return ((ItemBean) t).getType();
    }
    
    @Override
    public int getViewTypeCount() {
        return mTypeMap.size();
    }
}
3.Holder类
public class MyLVsHolder<T> {

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

    /**
     * @param ctx      上下文
     * @param typeMap  布局ID
     * @param position 位置
     * @param type 类型
     */
    public MyLVsHolder(Context ctx, View convertView, Map<Integer, Integer> typeMap, int position, int type) {
        mPosition = position;
        mType = type;
        mViews = new SparseArray<>();
        mItemViews = new SparseArray<>();
        //生成条目的View
        for (int i = 0; i < typeMap.size(); i++) {
            if (type == i) {
                if (convertView == null) {
                    mItemView = LayoutInflater.from(ctx).inflate(typeMap.get(i), null);
                } else {
                    mItemView = convertView;
                    //用MyLVHolder为条目View设置标签
                    mItemView.setTag(this);
                }
                mItemViews.put(i, mItemView);
                return;
            }
        }
    }


    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位置集合
    }

    /**
     * 通过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 = mItemViews.get(mType).findViewById(viewId);
            //以id为键，View为值存入mViews集合
            mViews.put(viewId, view);
        }
        return (T) view;
    }

    public View getConvertView(int type) {
        L.d(type + L.l());
        return mItemView;
    }

    public int getPosition() {
        return mPosition;
    }

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

        return this;
    }

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

    /**
     * 通过id设置图片
     *
     * @param viewId 条目内部控件的id
     * @param bitmap 图片
     * @return MyLVHolder对象
     */
    public MyLVsHolder setImageViewBitmap(int viewId, Bitmap bitmap) {
        ImageView view = getView(viewId);
        view.setImageBitmap(bitmap);
        return this;
    }
}
附录、布局
1.layout/list_item_center.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginEnd="176dp"
        android:padding="5dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@mipmap/head_center"/>

    <TextView
        android:id="@+id/id_tv_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        android:textColor="@android:color/holo_orange_light"
        android:textSize="10sp"
        app:layout_constraintBottom_toBottomOf="@+id/id_tv_name"
        app:layout_constraintEnd_toStartOf="@+id/iv_icon"
        app:layout_constraintTop_toTopOf="@+id/id_tv_name"
        app:layout_constraintVertical_bias="1.0"/>

    <TextView
        android:id="@+id/id_tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        android:textColor="?android:attr/colorActivatedHighlight"
        android:textSize="10sp"
        app:layout_constraintBottom_toBottomOf="@+id/iv_icon"
        app:layout_constraintStart_toEndOf="@+id/iv_icon"
        app:layout_constraintTop_toTopOf="@+id/iv_icon"/>

</android.support.constraint.ConstraintLayout>
2.layout/list_item_left.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/id_tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        android:textColor="?attr/colorControlActivated"
        android:textSize="18sp"
        app:layout_constraintBottom_toBottomOf="@+id/iv_icon"
        app:layout_constraintStart_toEndOf="@+id/iv_icon"
        app:layout_constraintTop_toTopOf="@+id/iv_icon"
        app:layout_constraintVertical_bias="0.555"/>

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:padding="5dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@mipmap/head_left"
        tools:layout_editor_absoluteX="26dp"/>

    <TextView
        android:id="@+id/id_tv_right"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_marginBottom="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toBottomOf="@+id/iv_icon"
        app:layout_constraintStart_toEndOf="@+id/id_tv_name"
        app:layout_constraintTop_toTopOf="@+id/iv_icon"/>

</android.support.constraint.ConstraintLayout>
3.layout/list_item_right.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginEnd="16dp"
        android:padding="5dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@mipmap/test"/>

    <TextView
        android:id="@+id/id_tv_left"
        android:layout_width="wrap_content"
        android:layout_height="20dp"
        android:layout_marginEnd="12dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        app:layout_constraintBottom_toBottomOf="@+id/id_tv_name"
        app:layout_constraintEnd_toStartOf="@+id/id_tv_name"
        app:layout_constraintTop_toTopOf="@+id/id_tv_name"
        app:layout_constraintVertical_bias="1.0"/>

    <TextView
        android:id="@+id/id_tv_name"
        android:layout_width="wrap_content"
        android:layout_height="21dp"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginTop="8dp"
        android:text="TextView"
        android:textColor="#283be8"
        android:textSize="18sp"
        app:layout_constraintBottom_toBottomOf="@+id/iv_icon"
        app:layout_constraintEnd_toStartOf="@+id/iv_icon"
        app:layout_constraintTop_toTopOf="@+id/iv_icon"/>

</android.support.constraint.ConstraintLayout>
4.layout/activity_main.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">

    <ListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fastScrollEnabled="true">
    </ListView>
</LinearLayout>

后记、

1.声明：

[1]本文由张风捷特烈原创,转载请注明
[2]欢迎广大编程爱好者共同交流
[3]个人能力有限，如有不正之处欢迎大家批评指证，必定虚心改正
[4]你的喜欢与支持将是我最大的动力

2.连接传送门：

更多安卓技术欢迎访问:安卓技术栈
我的github地址：欢迎star
简书首发，腾讯云+社区同步更新
张风捷特烈个人网站，编程笔记请访问：http://www.toly1994.com

3.联系我

QQ:1981462002
邮箱：1981462002@qq.com
微信：zdl1994328

4.欢迎关注我的微信公众号，最新精彩文章，及时送达：
公众号.jpg
上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/633831

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

小程序踩坑第二谈

小程序学习总结 首先贴上官方文档的链接地址 小程序开发文档 1. 触发 upper 和 lower 事件的条件。如何在 scroll-view 中触发该条件 首先 upper 事件和 lower 事件是在 scroll-view 中使用，可以用在上拉自动加载和下拉刷新；或者单独的下拉刷新也可以，即 onPullDownRefresh，不过需要在全局变量中开启才行。 *在滚动 scroll-view 时会阻止页面回弹，所以在 scroll-view 中滚动，是无法触发 onPullDownRefresh 注意 scroll-view 和 onPullDownRefresh 是不能够同时使用的，这个在开发文档中也有提示。 虽然都有文档但还是需要我们自己去踩坑才能更好的学习了解，下面是 demo upper-threshold 是表示距顶部/左边多远时（单位px），触发 scrolltoupper 事件； lower-threshold 是表示距底部/右边多远时（单位px），触发 scrolltolower 事件，定义好之后在 .js 文件中定义函数即可。 ​ 2 . 跳转带有底部菜单的时候...
2018-08-26
943
上一篇

老司机带你快速上手调试Flutter项目

对于开发项目来说，调试控制工具是不可少的，开发者是一定要掌握调试工具的使用，一来是为了查看log日志，一来是为了排查错误，再一个原因是可以查看内存占用情况，以便后续性能优化。 Flutter的调试主要有3个需要去关注的，一个是Flutter Outline，一个是Flutter Inspector，还有一个是log控制台。前者主要是用于视图预览，后者是用于性能调试，log控制台用于查看log信息以及定位错误等。 下面就详细的讲解一下如何使用Flutter的调试工具。 一、基础配置和设置 在讲解调试工具之前，先来看看有关的设置选项，点击菜单栏File--&gt;Settings--&gt;Languages &amp; Frameworks --&gt; Flutter，打开之后设置如图2.6.1所示，重点字段我都翻译成了中文，帮助大家理解，如果不是很熟悉这个设置，推荐大家按照我这样去配置。 【提示】如果Flutter Outline和Flutter Inspector没有出现在侧边栏（默认是在右边侧边栏），建议重启Android Studio，如果还没有出现，建议卸载Flutter插件...
2018-08-27
791
下一篇

相关文章

发表评论

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

时间: 2026-04-11 大小: 211.28KB 下载: 56次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2026-04-11 大小: 1MB 下载: 9次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

时间: 2025-12-13 大小: 249.54MB 下载: 22次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
DeepSeek Jdk25 OpenAi HarmonyOS6 Nacos3 SpringBoot4 SpringCloud Docker Kubernetes Service Mesh Redis Gemini3 Rocky

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册