RecyclerView的Item多种类型的选择和不同样式展示之利用框架方法实现

最新推荐文章于 2024-02-21 17:55:56 发布
最新推荐文章于 2024-02-21 17:55:56 发布
阅读量1.8k 收藏 3
点赞数
分类专栏： android常用控件 文章标签： recyclerview使用 多种类型 type 样式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/willba/article/details/72885060
版权

同样的道理,我们直接上效果图:
这里写图片描述

从这个示意图中也可以看出:其也是由三部分组成,头部+RecyclerView+尾部,只不过其头部比较复杂,所以我们采用一个第三方的框架:

    compile 'com.jakewharton:butterknife:7.0.1'
    //recyclerView头部框架
    compile 'com.bartoszlipinski.recyclerviewheader:library:1.2.1'
    compile 'com.android.support:recyclerview-v7:25.3.1'

直接上代码:注释很详细
第一步:窗口界面

//数据集合
    private List<PrimeProduct> mDatas;
    private PrimeProductAdapter mAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(linearLayoutManager);
        //封装其数据,填充假数据
        initRecyclerViewData();
        recyclerView.setAdapter(mAdapter);

        //RecyclerView的头部--使用第三方,不算一种Type类型
        RecyclerViewHeader recyclerViewHeader = RecyclerViewHeader.fromXml(this, R.layout.list_item_prime_product_header);
        //绑定头部到RecyclerView,此时使用的时候必须注意RecyclerView的根布局必须是FrameLayout或者RelativeLayout或者LinearLayout
        recyclerViewHeader.attachTo(recyclerView);
    }

    //将其数据分装成二种类型,recyclerView和尾部数据
    private void initRecyclerViewData() {
        mDatas = new ArrayList<>();
        //第一种类型
        PrimeProduct product = new PrimeProduct();
        product.productName = "新手专享163期";
        product.productDesc = "注册理财金可用-限APP";
        product.annualRate = "预期年化";
        product.annualRateValue = 12.00f;
        product.operator = "立即抢购";
        product.timeLimit = 7;
        product.isNowBuy = true;
        mDatas.add(product);

        PrimeProduct product2 = new PrimeProduct();
        product2.productName = "新手专享221期";
        product2.productDesc = "1元起购";
        product2.annualRate = "预期年化";
        product2.annualRateValue = 18.00f;
        product2.operator = "立即抢购";
        product2.timeLimit = 43;
        product2.isNowBuy = true;
        mDatas.add(product2);

        PrimeProduct product3 = new PrimeProduct();
        product3.productName = "一铜金A1257期";
        product3.productDesc = "仅限购宝购买";
        product3.annualRate = "预期年化";
        product3.annualRateValue = 6.00f;
        product3.operator = "立即抢购";
        product3.timeLimit = 28;
        product3.isNowBuy = false;
        mDatas.add(product3);

        PrimeProduct product4 = new PrimeProduct();
        product4.productName = "一铜天下1310期";
        product4.productDesc = "抢购";
        product4.annualRate = "预期年化";
        product4.annualRateValue = 5.80f;
        product4.operator = "立即抢购";
        product4.timeLimit = 20;
        product4.isNowBuy = false;
        mDatas.add(product4);

        //第二种类型
        PrimeProduct bottom = new PrimeProduct();
        mDatas.add(bottom);
        mAdapter = new PrimeProductAdapter(this, mDatas);
    }

第二步:Adapter封装数据

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

    private Context mContext;
    private List<PrimeProduct> mDatas;
    //定义二种不同类型的变量
    public static final int TYPE_ITEM_RECYCLER = 1;
    public static final int TYPE_FOOTER_RECYCLER = 2;
    private final LayoutInflater mInflater;

    public PrimeProductAdapter(Context context, List<PrimeProduct> datas) {
        this.mContext = context;
        this.mDatas = datas;
        mInflater = LayoutInflater.from(context);
    }

    //根据不同的viewType去创建不同的ViewHolder
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_ITEM_RECYCLER) {
            //RecyclerView的Item的布局
            View view = mInflater.inflate(R.layout.list_item_prime_product, parent, false);
            return new ProductViewHodler(view);
        } else {
            //底部ViewHodler
            //尾部的布局
            return new BottomViewHodler(mInflater.inflate(R.layout.list_item_prime_product_bottom, parent, false));
        }
    }

    //RecyclerView中item的ViewHodler
    public static class ProductViewHodler extends RecyclerView.ViewHolder {
        @Bind(R.id.name)
        TextView mName;
        @Bind(R.id.desc)
        TextView mDesc;
        @Bind(R.id.year_epr)
        TextView mYearEpr;
        @Bind(R.id.time_limit_title)
        TextView mTimeLimitTitle;
        @Bind(R.id.time_limit)
        TextView mTimeLimit;
        @Bind(R.id.btn_buy_now)
        Button mBtnBuyNow;
        @Bind(R.id.buy_now_layout)
        LinearLayout mBuyNowLayout;
        @Bind(R.id.txt_buy_now)
        TextView mTxtBuyNow;
        @Bind(R.id.buy_now_layout2)
        LinearLayout mBuyNowLayout2;
        public ProductViewHodler(View itemView) {
            super(itemView);
            ButterKnife.bind(this,itemView);
        }
    }

    //底部ViewHodler
    public static class BottomViewHodler extends RecyclerView.ViewHolder {

        public BottomViewHodler(View itemView) {
            super(itemView);
        }
    }

    //根据返回的holder或者getItemViewType()返回的类型去绑定不同的数据
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        //或者通过不同的itemViewType去添加不同的数据
        int itemViewType = getItemViewType(position);
        switch (itemViewType) {
            case  TYPE_FOOTER_RECYCLER:
                //尾部填充的数据
                BottomViewHodler bottomHolder = (BottomViewHodler) holder;
                break;
            case  TYPE_ITEM_RECYCLER:
                //RecyclerView每个Item填充的数据
                ProductViewHodler productViewHolder = (ProductViewHodler) holder;
                PrimeProduct product = mDatas.get(position);
                productViewHolder.mName.setText(product.productName);
                productViewHolder.mDesc.setText(product.productDesc);
                productViewHolder.mYearEpr.setText(String.valueOf(product.annualRateValue));
                productViewHolder.mTimeLimit.setText(String.valueOf(product.timeLimit));
                //自定义boolean属性,控制btn立即购买样式条目显示
                if (product.isNowBuy) {
                    productViewHolder.mBuyNowLayout.setVisibility(View.VISIBLE);
                    productViewHolder.mBuyNowLayout2.setVisibility(View.GONE);
                } else {
                    productViewHolder.mBuyNowLayout.setVisibility(View.GONE);
                    productViewHolder.mBuyNowLayout2.setVisibility(View.VISIBLE);
                }
                break;
        }
        //通过不同的ViewHodler来添加不同的数据都可以解决问题
       /* if (holder instanceof ProductViewHodler) {
        ProductViewHodler productViewHolder = (ProductViewHodler) holder;
        PrimeProduct product = mDatas.get(position);
        ProductViewHodler.mName.setText(product.productName);
        ProductViewHodler.mDesc.setText(product.productDesc);
        ProductViewHodler.mYearEpr.setText(String.valueOf(product.annualRateValue));
        ProductViewHodler.mTimeLimit.setText(String.valueOf(product.timeLimit));
        //自定义boolean属性,控制btn立即购买样式条目显示
        if (product.isNowBuy) {
            ProductViewHodler.mBuyNowLayout.setVisibility(View.VISIBLE);
            ProductViewHodler.mBuyNowLayout2.setVisibility(View.GONE);
        } else {
            ProductViewHodler.mBuyNowLayout.setVisibility(View.GONE);
            ProductViewHodler.mBuyNowLayout2.setVisibility(View.VISIBLE);
        }
    } else if (holder instanceof BottomViewHodler) {
        BottomViewHodler bottomHolder = (BottomViewHodler) holder;
    }*/
    }

    返回的是总体的RecyclerView的Item加上Btn
    @Override
    public int getItemCount() {
        return mDatas == null ? 0 : mDatas.size();
    }

    //根据索引位置去判断其显示不同类型的TYPE
    @Override
    public int getItemViewType(int position) {
        int itemCount = getItemCount();
        if (position == itemCount - 1) {
            //返回尾部的对应的类型
            return TYPE_FOOTER_RECYCLER;
        } else {
            return TYPE_ITEM_RECYCLER;
        }
    }
}

第三步:需要注意的事项:

1, 使用RecyclerView和RecyclerViewHead相互绑定的时候,其RecyclerView的父视图必须是FrameLayout或者RelativeLayout或者LinearLayout

2,通过自定义boolean变量的值isNowBuy,去控制btn不同样式的展示布局如下:

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:orientation="horizontal">
        <LinearLayout
            android:id="@+id/buy_now_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:visibility="visible">

            <Button
                android:id="@+id/btn_buy_now"
                android:layout_width="match_parent"
                android:layout_height="38dp"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:background="@drawable/btn_common_sel"
                android:gravity="center"
                android:text="立即抢购"
                android:textColor="@color/white"/>

            <View
                android:layout_width="match_parent"
                android:layout_height="13dp"/>
        </LinearLayout>

        <LinearLayout
            tools:visibility="visible"
            android:id="@+id/buy_now_layout2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/bg_txt_buy_now_sel"
            android:clickable="true"
            android:orientation="vertical"
            android:visibility="gone">

            <View
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:background="#eeeeee"/>

            <TextView
                android:id="@+id/txt_buy_now"
                android:layout_width="match_parent"
                android:layout_height="45dp"
                android:gravity="center"
                android:text="立即抢购"
                android:textColor="#ff0000"/>
        </LinearLayout>
    </RelativeLayout>

3,对象中自定义Boolean属性值:如下

public class PrimeProduct {
   //偷懒写法
    public String productName;
    public String productDesc;
    public String annualRate;
    public float annualRateValue;
    public String operator;
    public int timeLimit;

    /**
     * 自己添加的控制属性,显示立即抢购
     */
    public boolean isNowBuy = false;
}

以上,即可实现RecyclerView多种不同布局

另外介绍一种:在Bean对象中,自定义ViewType类型,去实现getItemViewType();
//Bean对象

//Bean对象
public class InvestProduct {
    public int resId;
    public String title;
    public String desc;
    public String reservation; //预约描述
    public int timeLimit; //时间限制

    //设置其状态为网络连接状态
    public int viewType = InvestProductAdapter.ITEM_TYPE_COMMON;

    //自定义二个boolean字段,控制属性
    public boolean isReservation; //是否预定
    public boolean hasTimeLimit;  //是否有时间限制
}

//activity和fragment实现类型的占位

        List<InvestProduct> mDatas = new ArrayList<InvestProduct>();
        InvestProduct network = new InvestProduct();
        network.viewType = InvestProductAdapter.ITEM_TYPE_NETWORK_ERROR;
        InvestProduct none = new InvestProduct();
        none.viewType = InvestProductAdapter.ITEM_TYPE_TONG_BAO;
        mDatas.add(network); // 数据占位
        mDatas.add(none); // 数据占位

//adapter中数据的编写

public static final int ITEM_TYPE_COMMON = 0;
    public static final int ITEM_TYPE_TONG_BAO = 1;
    public static final int ITEM_TYPE_NETWORK_ERROR = 2;

//创建ViewHolder
@Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == ITEM_TYPE_COMMON) {
            //带下标题栏的(和不带标题栏的)
            return new ProductViewHolder(mLayoutInflater.inflate(R.layout.list_item_invest, parent, false));
        } else if (viewType == ITEM_TYPE_TONG_BAO){
            //头部视图
            return new HeaderHolder(mLayoutInflater.inflate(R.layout.list_item_invest_header, parent, false));
        } else {
            //暂无数据,请先检查网络
            return new NetworkHolder(mLayoutInflater.inflate(R.layout.view_network_unusual, parent, false));
        }
    }

//通过自定义字段去控制ViewType类型
    @Override
    public int getItemViewType(int position) {
        //InvestProduct 为javaBean对象
        InvestProduct investProduct = mDatas.get(position);
        if (investProduct.viewType == ITEM_TYPE_NETWORK_ERROR) {
            return ITEM_TYPE_NETWORK_ERROR;
        } else if (investProduct.viewType == ITEM_TYPE_TONG_BAO){
            return ITEM_TYPE_TONG_BAO;
        } else {
            return ITEM_TYPE_COMMON;
        }
    }

以上,大功告成

掉头发程序员
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RecyclerView的Item布局问题
u014803467的博客
08-05 472
以下是期望达到的效果 而目前的效果如下 RecyclerView的Item的布局就是一个LinearLayout包含着两个TextView，一个显示内容，一个显示类型和时间。 问题： Item靠左，无法居中显示 一开始是把RecyclerView的layout_width给设置成match_parent的，item的LinearLayout设置了每个item的宽、高，但达不到效果。最后是把R...
RecycleView加载不同类型的Item
michael1112的专栏
01-12 943
http://www.jianshu.com/p/05dd0315ef41 http://blog.csdn.net/qq199208/article/details/49386827
Recyclerview列表item设置成等宽高的正方形，通过计算宽度动态赋值
Qiyandays的博客
04-20 982
首先是效果图 然后是关键代码 //onBindViewHolder 给Item元素赋值 @Override public void onBindViewHolder(ViewHolder holder, int position) { //获取内容layout的parms ViewGroup.LayoutParams parm = holder.layo...
Android RecycleView实现不同样式Item样式效果完美解决
tasty
11-03 3408
 在我们开发过程中经常会遇到需要我们展示不同样式列表的情况，通常我们都会使用ListView展示列表，然后实现BaseAdapter两个方法，即：getViewTypeCount() 和 getItemViewType(int position)即可实现 不过在Android Nougat Google发布了RecycleView之后，大家都纷纷弃ListView ,GridView，而使用Re...
Android基础之--RecyclerView实现多种Item布局
最新发布
star_nwe的博客
02-21 1076
本示例实现两种不通类型的Item布局，因此需要自定义2个ViewHolder，在ViewHolder中根据Id去获取各自Item布局中的控件；= null= nullinit{= null= nullinit{这里定义常量主要是作为重写getItemViewType方法的判断条件，即哪种情况下显示哪种Item布局；如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。
Recyclerview列表item设置成等宽高的正方形
hacjy
05-21 4777
第一种方法是动态设置宽高：（亲测有效） //设置item的高度跟随宽度走 ViewGroup.LayoutParams parm = holder.layoutContent.getLayoutParams(); parm.height = gridLayoutManager.getWidth()/ gridLayoutManager.getSp...
RecycleView显示不同类型的Item
qq199208的专栏
10-24 6585
之前也用过listview来显示不同的item,不过现在recycleview出来那么久了,也越来越多人用了,现在我也觉得recycleview比listview好用了.所以就有了这篇文章,作者才疏学浅,如果有什么错的地方欢迎指正.如果你不熟悉recycleview,建议先熟悉它的用法下面demo仿造zaker的设置界面步骤 1. 创建不同类型的item对应的布局文件 2. 为每个类型的it
RecyclerView显示不同item的解决办法
qq_45436365的博客
11-21 2833
RecyclerView显示不同item的解决办法 recyclerview和adapter使用方法很简单，在此不再赘述。 当RecyclerView需要显示不同item时，一般来说有两种解决方法。 场景示例：假设列表中需要显示音乐和广告，实体如下 public class Music{ private String name; //...省略其他信息} public class Ad{ private String merchant; private String content; //...省略其
RecyclerView用法--展示多种类型Item数据
jb_home的博客
01-04 1045
如题，本文主要介绍RecyclerView的基本使用方法，像ListView一样展示多种类型的Item数据。 首先构造一个实体类：ItemPO，用来表示每个Item代表的数据类型： import java.io.Serializable; public class ItemPO implements Serializable { private static final long serialVersionUID = 7879752396036182745L; private
RecyclerView 实现动态添加不同的item模块并自动滑动到屏幕最下端实现
RunningNewBie的博客
09-15 1461
RecyclerView真的强大！ 先上效果图，是你要的效果再看： 先上代码： 展示recyclerview的适配器，在这里适配器我引入的是第三方包装好的框架 万能适配器 //RecyclerViewAdapter 万能适配器框架使用 implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:3.0.4' public class MultipleItemAdapter extends BaseMultiItemQuickA
RecyclerView 分组 item实现不同布局
10-26
RecyclerView 分组 item实现不同布局
Android RecyclerView实现多种item布局的方法
08-28
本篇文章主要介绍了Android RecyclerView实现多种item布局的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
RecyclerView的使用之多种Item加载布局
09-02
本文给大家介石介绍下如何利用RecyclerView实现多Item布局的加载，多Item布局的加载的意思就是在开发过程中List的每一项可能根据需求的不同会加载不同的Layout
Android RecyclerView 实现复杂 界面 多个不同的 Item布局
04-28
欢迎来下载RecyclerView实现复杂界面，本demo是由本人去多方百度参考后写成， 易于会ListView的小伙伴们理解，如demo有问题可以加QQ:731712249(加Q请说明来意)，也可以加入Android交流群讨论：586620031
Android中RecyclerView实现Item添加和删除的代码示例
08-29
本篇文章主要介绍了Android中RecyclerView实现Item添加和删除的代码示例，非常具有实用价值，需要的朋友可以参考下
RecyclerView-item.zip recycleview 展示不同的item
06-26
recycleview 展示不同的item,希望能够帮助到大家能够更好的理解 recycleView
控制ListView（RecyclerView）中Adapter中的控件的显示和隐藏
willba的博客
05-21 8772
在实际开发中，我们通常会遇到，通过外面的控件去控制Adapter里面的删除按钮的显示或隐藏： 先看效果图：大致情况是这样的：正常情况，出现管理字体时，Adapter中的删除图标是隐藏的;当点击管理的时候，管理字样变成取消，同时删除图标出现；当再次取消时，取消字样变成管理，同时删除图标隐藏！思路：在activity中，定义一个boolean变量A，控制取消和管理之间的变化，同时在adapter中也定
给EditText添加下划线
willba的博客
05-05 5264
在安卓高版本,默认是有下划线的,其默认下划线的颜色是由其主题颜色来控制的! 控制如下: <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/co
android recyclerView item 右滑展示删除和收藏
03-28
为了在 Android RecyclerView 中实现右滑展示删除和收藏，您可以考虑使用 ItemTouchHelper 类。以下是一些步骤： 1. 创建一个类继承 ItemTouchHelper.Callback。 2. 实现 getMovementFlags() 方法来指定哪些方向的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值