RecyclerView多item布局实现

第一家公司做外包,做过不少电商项目,首页设计基本都是这个样
从上至下分别一个轮播图框,一个横向滑动的view用来展示一些特殊的列表,几个快捷菜单,和一个显示商品的列表。

实际应用里截图:



这里就用一个基本的例子来实现如何RecyclerView怎么进行多item布局。

先看效果图:




首先,轮播图的bean,横向List的bean,和正常list的bean肯定不同,而adapter只有一个与一个数组绑定,所以三种bean要可以是统一类型的bean,所以我定义了一个三种bean的父类bean就叫它ExampleBaseBean

public class ExampleBaseBean {

    private int viewType;

    public int getViewType() {
        return viewType;
    }

    public void setViewType(int viewType) {
        this.viewType = viewType;
    }
}

如代码所示,这个BaseBean主要作用就是提供一个int类型的vieType的对象用来区分不同类型的bean。

有了BaseBean,接下来就是三种bean了。

public class TitleBean extends ExampleBaseBean {
    //轮播bean,为了方便叫titleBean
    private List<String> titles;//轮播的数据源一般都为数组。

    public List<String> getTitles() {
        return titles;
    }

    public void setTitles(List<String> titles) {
        this.titles = titles;
    }
}

public class BodyBean extends ExampleBaseBean {
    //中间横向滑动的bean  ,通常都有图片展示,这里用本地图片展示
    private List<Integer> res;

    public List<Integer> getRes() {
        return res;
    }

    public void setRes(List<Integer> res) {
        this.res = res;
    }
}
public class FootBean extends ExampleBaseBean {
    //正常列表的bean
    private String str;

    public FootBean(String str) {
        this.str = str;
    }

    public String getStr() {
        return str;
    }

}

三种bean定义完,该着手adapter了。


public class ExampleAdapter extends RecyclerView.Adapter {

    
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值