Android分类列表之RecyclerView-ViewType实现

最新推荐文章于 2024-08-22 20:18:24 发布
最新推荐文章于 2024-08-22 20:18:24 发布
阅读量4k 收藏 8
点赞数 5
分类专栏： android android-开发实践 文章标签： Android分类列表显示 分类列表显示 Android类通讯录列表显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33225399/article/details/94135303
版权

Android分类列表之RecyclerView-ViewType实现

上一篇用ListView-ViewType实现了分类列表，本篇将使用RecyclerView-ViewType来实现，由于两个实现的核心思想、布局文件和数据类都是基本一致的，部分差别下面会指出，所以本篇开门见山直接进入编码部分。

一、编码

  1. 由于本次实现是使用RecyclerView，所以在布局和item之间的间距问题会有一些差距；
    1）在item的布局文件中，分类Title的布局去除来文字的paddingLeft：

    <?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/yunfei_title"
    android:layout_width="match_parent"
    android:gravity="center_vertical"
    android:textSize="@dimen/sp18"
    android:textColor="@color/blue"
    android:paddingTop="@dimen/dp10"
    android:layout_height="wrap_content"/>

    2）在item的布局文件中，coupon的布局文件去除了cardview外层的RelativeLayout：

    <?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView 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"
    android:minHeight="@dimen/dp60"
    app:cardBackgroundColor="@color/main_radio_selected"
    app:cardCornerRadius="@dimen/dp20"
    app:cardElevation="0dp"
    app:contentPaddingLeft="@dimen/dp20"
    app:contentPaddingRight="@dimen/dp20"
    app:contentPaddingTop="@dimen/dp20"
    tools:ignore="HardcodedText,UnusedAttribute">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="2"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:ellipsize="end"
                    android:maxEms="7"
                    android:maxLines="1"
                    android:text="新用户优惠券新的生活"
                    android:textSize="@dimen/sp20" />

                <TextView
                    android:id="@+id/couponDescription"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="@dimen/dp5"
                    android:contentDescription="优惠券说明"
                    android:ellipsize="end"
                    android:maxEms="11"
                    android:maxLines="1"
                    android:text="优选商城通用，团购/抢购不可用"
                    android:textSize="@dimen/sp15" />
            </LinearLayout>

            <TextView
                android:id="@+id/couponMoney"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_weight="1"
                android:contentDescription="优惠券金额"
                android:gravity="center"
                android:text="50"
                android:textSize="@dimen/sp50" />

        </LinearLayout>


        <View
            android:layout_width="match_parent"
            android:layout_height="@dimen/px1"
            android:background="@color/black" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:paddingTop="@dimen/dp10"
            android:paddingBottom="@dimen/dp10">

            <TextView
                android:id="@+id/indate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="有效期"
                android:text="2017-12-12至2019-09-05" />

            <TextView
                android:id="@+id/useCondition"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:contentDescription="满多少才能使用，使用条件"
                android:text="满200可用" />

        </RelativeLayout>

    </LinearLayout>
</android.support.v7.widget.CardView>

    3）由于上一篇是使用在cardView外嵌套一层RelativeLayout来控制item之间的间距，在Recycler中我们将用添加ItemDecoration来控制间距：

    public class MarginItemDecoration extends RecyclerView.ItemDecoration {

    private final int marginX;
    private final int marginY;

    public MarginItemDecoration(Context context) {
        super();
        marginX = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 15, context.getResources().getDisplayMetrics());
        marginY = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 10, context.getResources().getDisplayMetrics());
    }

    @Override
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        outRect.set(marginX,marginY,marginX,marginY);
    }
}

  2. 创建类ViewTypeRecyclerAdapter继承RecyclerView.Adapter<RecyclerView.ViewHolder>这里我们使用RecyclerView.ViewHolder因为不确定是哪种ViewHolder，所以使用父类填充范型，统一ViewHolder

  3. 添加属性List<CouponBean> mCouponBeanList和Context mContext，生成构造方法：

        private List<CouponBean> mCouponBeanList;

    private Context mContext;

    public ViewTypeRecyclerAdapter(List<CouponBean> couponBeanList, Context context) {
        mCouponBeanList = couponBeanList;
        mContext = context;
    }

  4. 实现抽象方法public int getItemCount()方法返回数据集合的长度，重写public int getItemViewType(int position返回对应的ViewType和上篇写法一致为：

        @Override
    public int getItemViewType(int position) {
        String isUse = mCouponBeanList.get(position).getIsUse();
        return ("0".equals(isUse) || "1.5".equals(isUse)) ? 0 : 1;
    }

  5. 实现方法public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i)输出我们的ItemView，由于我们采用的是两种ViewHolder，所以我们需要创建两种ViewHolder且都继承类RecyclerView.ViewHolder；
    1）分类TitleViewHolder：

    static class TitleViewHolder extends RecyclerView.ViewHolder {

        private TextView title;

        public TitleViewHolder(@NonNull View itemView) {
            super(itemView);
            title = itemView.findViewById(R.id.yunfei_title);
        }

        void bindData(CouponBean couponBean) {
            title.setText(couponBean.getCouponName());
        }

    }

    2）优惠券CouponViewHolder：

        static class CouponViewHolder extends RecyclerView.ViewHolder {

        private TextView couponDescription, couponMoney, indate, useCondition;

        public CouponViewHolder(@NonNull View itemView) {
            super(itemView);
            couponDescription = itemView.findViewById(R.id.couponDescription);
            couponMoney = itemView.findViewById(R.id.couponMoney);
            useCondition = itemView.findViewById(R.id.useCondition);
            indate = itemView.findViewById(R.id.indate);
        }

        void bindData(CouponBean couponBean) {
            couponDescription.setText(couponBean.getCouponUseExplain());
            couponMoney.setText(couponBean.getDenominationShow());
            useCondition.setText(couponBean.getUseConditionsDesc());
            indate.setText(couponBean.getValidityDate());
        }
    }

    3）创建对应的ViewHolder:public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i)：

        @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        View itemView = LayoutInflater.from(mContext).inflate(i == 0 ? R.layout.yunfei_title2 : R.layout.yunfei_coupon_item, viewGroup, false);
        return i == 0 ? new TitleViewHolder(itemView) : new CouponViewHolder(itemView);
    }
二、测试

1.activity布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="match_parent"
    tools:context=".yunfei.ListViewActivity">
    
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>
  1. 初始化RecyclerView并为其设置适配器ViewTypeRecyclerAdapte
    和布局管理器LinearLayoutManager：
            List<CouponBean> couponBeans = LocalDataServer.requestDateFromServerByViewType();
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.addItemDecoration(new MarginItemDecoration(this));
        recyclerView.setAdapter(new ViewTypeRecyclerAdapter(couponBeans, this));

3、测试效果：
在这里插入图片描述

  1. 适配器完整代码

    public class ViewTypeRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private List<CouponBean> mCouponBeanList;

    private Context mContext;

    public ViewTypeRecyclerAdapter(List<CouponBean> couponBeanList, Context context) {
        mCouponBeanList = couponBeanList;
        mContext = context;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        View itemView = LayoutInflater.from(mContext).inflate(i == 0 ? R.layout.yunfei_title2 : R.layout.yunfei_coupon_item2, viewGroup, false);
        return i == 0 ? new TitleViewHolder(itemView) : new CouponViewHolder(itemView);
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
        if (viewHolder instanceof TitleViewHolder) {
            ((TitleViewHolder) viewHolder).bindData(mCouponBeanList.get(i));
        } else {
            ((CouponViewHolder) viewHolder).bindData(mCouponBeanList.get(i));
        }
    }


    @Override
    public int getItemViewType(int position) {
        String isUse = mCouponBeanList.get(position).getIsUse();
        return ("0".equals(isUse) || "1.5".equals(isUse)) ? 0 : 1;
    }

    @Override
    public int getItemCount() {
        if (mCouponBeanList != null) {
            return mCouponBeanList.size();
        }
        return 0;
    }


    static class TitleViewHolder extends RecyclerView.ViewHolder {

        private TextView title;

        public TitleViewHolder(@NonNull View itemView) {
            super(itemView);
            title = itemView.findViewById(R.id.yunfei_title);
        }

        void bindData(CouponBean couponBean) {
            title.setText(couponBean.getCouponName());
        }

    }

    static class CouponViewHolder extends RecyclerView.ViewHolder {

        private TextView couponDescription, couponMoney, indate, useCondition;

        public CouponViewHolder(@NonNull View itemView) {
            super(itemView);
            couponDescription = itemView.findViewById(R.id.couponDescription);
            couponMoney = itemView.findViewById(R.id.couponMoney);
            useCondition = itemView.findViewById(R.id.useCondition);
            indate = itemView.findViewById(R.id.indate);
        }

        void bindData(CouponBean couponBean) {
            couponDescription.setText(couponBean.getCouponUseExplain());
            couponMoney.setText(couponBean.getDenominationShow());
            useCondition.setText(couponBean.getUseConditionsDesc());
            indate.setText(couponBean.getValidityDate());
        }
    }

}

至此使用RecyclerView-ViewType实现分类列表显示就完成了，下一篇我们将完全使用RecyclerView.ItemDecoration来实现分类列表显示，其中还涉及了一点绘制的知识，see you！

RecyclerView中的ViewType
凹凸曼哒小乖兽
10-18 6609
RecyclerView中的ViewType1. 前言    在接触了RecyclerView了之后，就慢慢的用它代替了ListView的使用，结合CardView能创建出比较好看的列表，但是这根本就不够诶，单纯的列表好像没什么意思了，好多应用的信息量比较大而且很复杂，每个item需要用到不同的布局文件来显示不同的信息= =，之前写来写去都是简单的列表，根本就没接触到ViewType这个东西，稍微熟
viewtype_Android RecyclerView示例–多个ViewType
从零开始的教程世界
07-09 892
viewtypeUp until now we’ve displayed same type of Views within a RecyclerView. In this tutorial, we’ll implement heterogeneous layouts inside a RecyclerView. 到目前为止，我们已经在RecyclerView中显示了相同类型的View。 在本教程...
android recyclerview 关于viewtype的使用
no_stop_1的博客
11-21 1422
在android开发中我们会经常recyclerview，而viewType的使用也是很重要的，viewType的作用就是加载不同的item 直接上代码 1：要现在adapter里面重写一个方法 @Override public int getAdapterItemViewType(int position) { if (fragmentOrderDataLi
Recyclerview分组列表学习备忘
最新发布
sdaujz的博客
08-22 272
recyclerview分组列表，多级分组树形列表
RecyclerView中的viewType讲解
热门推荐
AndyYuan317的博客
07-30 1万+
效果如下图所示： 当在开发中无论是Activity中还是Fragment中基本上都会使用到这个功能：使用这个功能要注意以下几点： 1：当项目中需要很多个不同的RecyclerView来实现的时候就先定义一个中的RecyclerView来盛放子RecyclerView 2：定义一个总的Adapter来加载不同的RecyclerView 3：注意子RecyclerView的viewType...
RecyclerView实现多type页面
Android 开发架构
06-06 1467
目录介绍 先看看实际需求 adapter实现多个type 这样写的弊端 如何优雅实现adapter封装 01.先看看实际需求 比如一个APP的首页，包含Banner区、广告区、文本内容、图片内容、新闻内容等等。 RecyclerView 可以用ViewType来区分不同的item,也可以满足需求，但还是存在一些问题，比如： 在item过多逻辑复杂列表界面，Adapter里面的代码量庞大，逻辑复...
Making-a-RecyclerView-in-Android:如何在Android中创建RecyclerView的基本示例
05-16
在Android应用开发中，RecyclerView是一个重要的视图组件，它用于展示可滚动的列表或网格数据。RecyclerView替代了早先的ListView，提供了更高效的数据绑定和更灵活的布局管理能力。本教程将详细介绍如何在Android...
Android代码-recyclerview-binder
08-06
Android Library for RecyclerView to manage order of items and multiple view types. Features Insert any items to wherever you want without calculating their position. Insert any items in desired order...
android实现RecyclerView列表单选功能
08-27
"android实现RecyclerView列表单选功能" Android中的RecyclerView列表单选功能是指在RecyclerView列表中实现单选功能，即用户只能选择列表中的一个item。下面详细介绍了实现RecyclerView列表单选功能的方法。 xml...
Android-利用sectionedRecyclerViewAdapter实现分组列表的recyclerView
08-13
通过阅读和理解这些代码，你应该能够掌握如何在Android应用中实现分组列表的`RecyclerView`。 总之，`SectionedRecyclerViewAdapter`是构建分组列表的有力工具，它允许我们以结构化的方式展示复杂的数据。通过学习...
android recyclerview v7,Android RecyclerView从入门到玩坏
weixin_42548888的博客
05-27 619
目录前言基础使用分隔线点击监听搭配CardView更丰富的条目增删条目快速添加视图让RecyclerView支持复杂视图最后前言RecyclerView在Android界面开发当中是很重要的, 那掌握它也是很必要的. 但是有些时候会觉得它很厚重, 这里就从RecyclerView的基础一直说到扩展, 让你把RecyclerView学薄了.这篇文章融合了自己原来的多篇文章, 并进行了修正和改进, 而...
RecyclerView根据type加载不同布局
09-01
RecyclerView根据type加载不同布局的原理实现，逻辑简单，便于新手了解。主要需要工程中已实现。功能有bug忽略完善，不用考虑。
第八章挑战练习RecyclerView ViewType
12-20
第八章挑战练习RecyclerView ViewType，博客 https://blog.csdn.net/weixin_43953649/article/details/85126997
recyclerview 实现多itemtype
11-11
recyclerview 实现多itemtype类型
recyclerview多个itemtype的实现
02-24
recyclerview多个itemtype的实现,更加优雅的实现，易扩展易维护
RecyclerView有标题栏的分类列表 自定义列数（不同行设置不同个子项item）
04-02
有时候需要对一些数据进行分类显示，还要显示他们的分类标题，普通的GridView是挺难实现的，因为GridView不支持不同行自定义列数，例如我想标题占满一行，其他子项每两个占一行。GridView也可以实现，需要对GridView的方法做大量地重写override，重绘等等，对一些像我这种菜鸟级别的人来说，门槛太高。后来发现可以使用RecyclerView实现这种功能，RecyclerView支持自定义不同列数
RecyclerView ViewType二级
qq_51108920的博客
03-04 978
实现效果描述：1、点击recyclerview中item，列表下方出现其他样式的item，作为子item，如下所示简单效果图：所需要的java文件和xml文件有：1、创建FoldAdapteradapter, 在FoldAdapter中，定义两种不同的类型，分别对应父item和子item，对于不同布局的item，需要设置两种不同的viewHoder进行设置。2、在onCreateViewHolder进行对于布局的绑定3、在onBindViewHoder中进行数据的操作。
Android RecycleView2 实现 不同类型ViewType显示、 HeadrView、FooterView 添加
dreams_deng的博客
03-08 811
MyAdapter 代码实现： 1、 返回Item总数据 header.size+footer.size+datat.size @Override public int getItemCount() { return mFooterViewInfos.size()+mHeaderViewInfos.size() +datas.size(); ...
android 使用RecyclerView ViewType创建不同的item
qq_36561118的博客
11-29 8654
RecyclerView中的ViewType 1.前言 好久没写博客了，今天记录一下RecyclerView中的ViewType的使用，其实也很简单，现在有很多应用的列表，每一个的item都不同，从而做出的效果很炫 so 我自己写了个小Dome来演示一下 2.使用 首先先定义三种item的视图，很简单，在写两个ViewHolder 以上就是
android studio中加入recyclerview-v7
12-02
在Android Studio中加入RecyclerView-v7的步骤如下： 1.在app/build.gradle文件中添加以下依赖项： ```gradle dependencies { implementation 'com.android.support:recyclerview-v7:28.0.0' } ``` 2.同步Gradle...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值