RecyclerView学习(一)----初步认知

简介: 先上效果图:左侧一个普通的Listview,没什么好说的。至于右侧,当时看到原型图第一反应是Listview+Gridview来实现(之前没使用过RecyclerView),和主管讨论后建议我使用RecyclerLiew来实现,更加灵活,定制性更高。

先上效果图:

这里写图片描述

左侧一个普通的Listview,没什么好说的。至于右侧,当时看到原型图第一反应是Listview+Gridview来实现(之前没使用过RecyclerView),和主管讨论后建议我使用RecyclerLiew来实现,更加灵活,定制性更高。
OK,开干!

先感谢鸿洋大神的这篇博客提供的理论与技术支持
Android RecyclerView 使用完全解析 体验艺术般的控件

接下来进入正题。

分析一下需求,其实就是一个二级分类与三级分类,根据不同的type进行区分。显示数据的时候,按照listview+gridview的写法,上面一行textView显示二级分类,下面一个gridview显示三级分类,然后写两个适配器去管理数据。RecycleView灵活方便的地方就体现在这里,可以组合设计出需要的布局,管理使用也更简单。

1.布局文件:

        <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white"/>

一目了然,没什么

2.数据对象:

public class Category {

    public static final int SECOND_TYPE = 0;
    public static final int THIRD_TYPE = 1;

    private String categoryName;
    private int type;

    public Category(String name, int type) {
        this.categoryName = name;
        this.type = type;
    }

    public String getCategoryName() {
        return categoryName;
    }

    public int getType() {
        return type;
    }

}

type用于区分二级分类以及三级分类

3.ViewHolder的申明:
ViewHolder是用来缓存元素的布局信息与数据以提高性能。listview的做法是自己实现ViewHolder来缓存结果。RecyclerView的强大之处就在于,它本身就提供了ViewHolder,我们只要继承自该ViewHolder就可以了,至于ViewHolder怎么存储,系统会自动帮我们搞定。

public class SecondViewHolder extends RecyclerView.ViewHolder {

        private TextView secondCategory;

        public SecondViewHolder(View itemView) {
            super(itemView);
            secondCategory = (TextView) itemView.findViewById(R.id.second_cat_name);
        }
    }

    public class ThirdViewHolder extends RecyclerView.ViewHolder {

        private TextView thirdCategory;

        public ThirdViewHolder(View itemView) {
            super(itemView);
            thirdCategory = (TextView) itemView.findViewById(R.id.third_cat_name_first);
        }
    }

4.CategoryAdapter的使用:

/**
 * Created by tangyangkai on 16/5/6.
 */
public class CategoryAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private Context context;
    private List<Category> lists = new ArrayList<>();
    private LayoutInflater layoutInflater;

    public CategoryAdapter(Context context, List<Category> lists) {
        this.context = context;
        this.lists = lists;
        this.layoutInflater = LayoutInflater.from(context);
    }


    @Override
    public int getItemViewType(int position) {
        return lists.get(position).getType();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == Category.SECOND_TYPE) {
            return new SecondViewHolder(layoutInflater.inflate(R.layout.item_list_category_second, null, false));
        } else {
            return new ThirdViewHolder(layoutInflater.inflate(R.layout.item_list_category_third, null, false));
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        switch (getItemViewType(position)) {
            case Category.SECOND_TYPE:
                SecondViewHolder secondViewHolder = (SecondViewHolder) holder;
                secondViewHolder.secondCategory.setText(lists.get(position).getCategoryName());
                break;
            case Category.THIRD_TYPE:
                ThirdViewHolder thirdViewHolder = (ThirdViewHolder) holder;
                thirdViewHolder.thirdCategory.setText(lists.get(position).getCategoryName());
                break;

        }
    }

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

自定义的CategoryAdapter继承RecyclerView.Adapter,并且重写了父类的几个方法。这里这几个方法是重点,着重说明一下

(1)

 public int getItemViewType(int position) {
        return lists.get(position).getType();
    }

用于决定元素的布局使用哪种类型,传入的是数据源List的下标position,返回的是一个int型标志,传递给onCreateViewHolder的第二个参数。
(2)

public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {}

根据getItemViewType传入的viewType来渲染构造具体的ViewHolder,返回的是不同类型的ViewHolder

(3)

public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {}

根据传入的数据源List的下标position,得到不同的viewType,给不同的ViewHolder绑定数据

(4)

 public int getItemCount() {}

返回lists的size

5.Activity中的使用:

public class RecyclerViewActivity extends AppCompatActivity {


    private RecyclerView recyclerview;
    private CategoryAdapter adapter;
    List<Category> lists = new ArrayList<>();


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_view);
        initviews();
        initdatas();
    }

    private void initdatas() {
        lists.add(new Category("饼干", 0));
        lists.add(new Category("奶油饼干", 1));
        lists.add(new Category("威化", 1));
        lists.add(new Category("曲奇", 1));
        lists.add(new Category("传统糕点", 0));
        lists.add(new Category("凤梨酥", 1));
        lists.add(new Category("杏仁饼", 1));
        lists.add(new Category("烧饼", 1));
        lists.add(new Category("花生酥", 1));
        lists.add(new Category("西式糕点", 0));
        lists.add(new Category("巧克力派", 1));
        lists.add(new Category("酥心卷", 1));
        lists.add(new Category("面包", 1));
        lists.add(new Category("泡芙", 1));
        lists.add(new Category("蛋挞", 1));

    }

    private void initviews() {
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
        adapter = new CategoryAdapter(this, lists);
        GridLayoutManager mLayoutManager = new GridLayoutManager(this, 3);
        mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                switch (adapter.getItemViewType(position)) {
                    case Category.SECOND_TYPE:
                        return 3;
                    case Category.THIRD_TYPE:
                        return 1;
                    default:
                        return 1;
                }
            }
        });
        recyclerview.setLayoutManager(mLayoutManager);
        recyclerview.setAdapter(adapter);

    }
}

组件的申明与初始化,数据与适配器的准备,然后就是recyclerview的具体使用了。

在给recyclerview设置网格布局管理器实现类似gridview的效果的时候,出现了一个很大的问题。二级分类占一列,三级分类占三列,所以需要根据type来动态设置不同的列数。这一块是主管帮着写的,调用的是mLayoutManager.setSpanSizeLookup方法,重写里面的getSpanSize()方法来根据type返回不同的值,最后载显示不同的列数。

至此,就能够实现开始的效果图了。关于RecyclerView的其他用法,点击事件,动画效果等,有时间会继续研究更新的~~

目录
相关文章
|
30天前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
65 0
系列文章深度解读|SwiftUI 背后那些事儿
前言 今年苹果的WWDC你看了吗?苹果在2019年的WWDC的重头戏当然非SwiftUI莫属:全新的声明式语法、绑定式API、和响应式变成框架Combine。这一切的一切都预示着即将在Apple Native布局系统掀起一场革命。
17695 0
|
15天前
|
Android开发
Android面试高频知识点(1) 图解Android事件分发机制
Android面试高频知识点(1) 图解Android事件分发机制
|
2月前
|
缓存 Android开发 开发者
Android RecycleView 深度解析与面试题梳理
本文详细介绍了Android开发中高效且功能强大的`RecyclerView`,包括其架构概览、工作流程及滑动优化机制,并解析了常见的面试题。通过理解`RecyclerView`的核心组件及其优化技巧,帮助开发者提升应用性能并应对技术面试。
74 8
|
2月前
|
缓存 搜索推荐 Android开发
安卓应用开发中的自定义View组件实践
【9月更文挑战第10天】在安卓开发领域,自定义View是提升用户体验和实现界面个性化的重要手段。本文将通过一个实际案例,展示如何在安卓项目中创建和使用自定义View组件,包括设计思路、实现步骤以及可能遇到的问题和解决方案。文章不仅提供了代码示例,还深入探讨了自定义View的性能优化技巧,旨在帮助开发者更好地掌握这一技能。
|
XML 存储 Android开发
ListView的“终极优化”,打造你的万能适配器
传统的代码逻辑我们是怎么使用的呢?每写一个ListView,都要去写一个Adapter类,一个ViewHolder类,这几乎是我们必须要操作的,以致于有太多太多的冗余代码,让我们感到真的不厌其烦,一个两个还可以,十个八个,就真的有点太崩溃了,不仅代码繁琐,还会占用内存,为了解决这样的一个问题,下面就要开始对其抽取优化。
|
Android开发
Android体系化学习思维导图
重新整理Android相关的所有知识,以一个体系化的思想去学习复习知识,串联知识,这样有助于构建和完善我们大脑中的Android体系架构,有了体系,再遇到难题,相信你也能轻易化解了。
202 0
Android体系化学习思维导图
|
缓存 Android开发
聊聊RecyclerView新出的ConcatAdapter如何使用
聊聊RecyclerView新出的ConcatAdapter如何使用
聊聊RecyclerView新出的ConcatAdapter如何使用
|
Android开发 UED
RecyclerView smoothScrollToPosition知多少?
RecyclerView smoothScrollToPosition知多少?
RecyclerView smoothScrollToPosition知多少?
|
算法 UED
了解AppBarLayout应该从这几个方面入手
了解AppBarLayout应该从这几个方面入手