美文网首页
RecyclerView多item实现以及添加一个banner

RecyclerView多item实现以及添加一个banner

作者: jiluyixia | 来源:发表于2019-10-23 16:26 被阅读0次

RecyclerView
首先需要导包

implementation 'com.android.support:recyclerview-v7:29.4.0'

注意,recyclerview的版本号,要和targetSdkVersion一致。
xml定义:

<androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
 />

activity里面初始化:

RecyclerView recyclerView = (RecyclerView)findViewById(R.id.recycler);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
HomePageAdapter adapter = new HomePageAdapter();
recyclerView.setAdapter(adapter);

LinearLayoutManager默认是垂直布局。
重点是HomePageAdapter的实现。
HomePageAdapter:
首先需要继承

RecyclerView.Adapter<RecyclerView.ViewHolder>

导入三个重写方法:

onCreateViewHolder onBindViewHolder getItemCount

由于很多时候,recyclerview里面的item类型并不一样,需要定制每个item,还需要重写方法:getItemViewType。
要接受数据,得定义一个addData()。
这几个方法具体的实现:(第一个item为一个banner)
首先得初始化数据,定义一个方法接受数据:

List<ExampleBaseBean> datas = new ArrayList<>();
public void addData(HomeModel model){
        CommonModelListBean bannerList = new CommonModelListBean();
        bannerList.setCommonModelListBean(model.getbannerList());
        bannerList.setViewType(BANNER_TYPE);
        datas.add(bannerList);
        notifyDataSetChanged();//注意这个,拿到数据需要更新一下。
}

这个数据,在上一节里面,由MainPresenter传递给HomePageActivity的getHomeModel。

public void getHomeModel(HomeModel homeModel) {
        if(adapter != null){
            adapter.addData(homeModel);
        }
}

关于数据的容器datas,这里设置一个ExampleBaseBean专门盛放。

public class ExampleBaseBean {
    private int viewType;

    public int getViewType() {
        return viewType;
    }

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

然后,让item的数据bean继承这个父类。

public class CommonModelListBean extends ExampleBaseBean{

    private List<CommonModel> commonModelsBean;

    public List<CommonModel> getCommonModelListBean() {
        return commonModelsBean;
    }

    public void setCommonModelListBean(List<CommonModel> commonModelsBean) {
        this.commonModelsBean = commonModelsBean;
    }
}

这样做有2个好处,第一个是将HomeModel里面的数据,拆分为不同的bean,添加到datas里面。
第二个是设置一个setViewType方法,用来区分不同的ItemViewType。

public int getItemViewType(int position) {
        if(datas.size()>0){
            return datas.get(position).getViewType();
        }
        return super.getItemViewType(position);
}

区分好了ViewType,接下来看是创建ViewHolder:

public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        if(viewType == BANNER_TYPE){
            return new BannerHolder(LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.top_layout,parent,false
            ));
        }
        return null;
    }
public class BannerHolder extends RecyclerView.ViewHolder{
        Banner banner;
        public BannerHolder(@NonNull View itemView) {
            super(itemView);
            banner = itemView.findViewById(R.id.top_item);
        }
}

onCreateViewHolder创建一个RecyclerView.ViewHolder,初始化后,在onBindViewHolder里面绑定数据。

public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        if(holder instanceof BannerHolder){
            //放图片地址的集合
            List<String> list_path = new ArrayList<>();
            //放标题的集合
            List<String> list_title = new ArrayList<>();
            final CommonModelListBean bannerBean = (CommonModelListBean)datas.get(position);
            Log.v("kk",bannerBean.getCommonModelListBean().get(0).getIcon()+"==");
            for (int a = 0; a < bannerBean.getCommonModelListBean().size(); a++) {
                list_path.add(bannerBean.getCommonModelListBean().get(a).getIcon());
                list_title.add("好好学习" + a);
            }
            //设置内置样式,共有六种可以点入方法内逐一体验使用。
            ((BannerHolder) holder).banner.setBannerStyle(BannerConfig.CIRCLE_INDICATOR_TITLE_INSIDE);
            //设置图片加载器,图片加载器在下方
            ((BannerHolder) holder).banner.setImageLoader(new MyLoader());
            //设置图片网址或地址的集合
            ((BannerHolder) holder).banner.setImages(list_path);
            //设置轮播的动画效果,内含多种特效,可点入方法内查找后内逐一体验
            ((BannerHolder) holder).banner.setBannerAnimation(Transformer.Default);
            //设置轮播图的标题集合
            ((BannerHolder) holder).banner.setBannerTitles(list_title);
            //设置轮播间隔时间
            ((BannerHolder) holder).banner.setDelayTime(3000);
            //设置是否为自动轮播,默认是“是”。
            ((BannerHolder) holder).banner.isAutoPlay(true);
            //设置指示器的位置,小点点,左中右。
            ((BannerHolder) holder).banner.setIndicatorGravity(BannerConfig.CENTER)
                    //以上内容都可写成链式布局,这是轮播图的监听。比较重要。方法在下面。
                    .setOnBannerListener(this)
                    //必须最后调用的方法,启动轮播图。
                    .start();
        }
    }

最后设置ItemCount

public int getItemCount() {
      return datas.size();
}

此时,一个recycleView的item就完成了,其他的item,按照这个依次添加就行了。
(注意banner的xml文件名不要出现banner以及,id不要出现banner,会导致莫名其妙的错误。)

具体代码:
https://github.com/doudousang/recyclerview_banner.git

参考网址:
recycleView多item的实现
https://blog.csdn.net/u012604975/article/details/80780164
https://blog.csdn.net/qq_36523667/article/details/78844312
关于Android mvp模式中,adapter应该放在什么位置
https://segmentfault.com/q/1010000008534760/a-1020000019028935
banner的实现
https://blog.csdn.net/qq_36621990/article/details/76020236
工具:
在线JSON转Java Bean代码
http://www.jsons.cn/json2java/
带驼峰标识的转行器

相关文章

网友评论

      本文标题:RecyclerView多item实现以及添加一个banner

      本文链接:https://www.haomeiwen.com/subject/jfpkvctx.html