RecyclerView杂乱整理

本文介绍了 RecyclerView 的基本原理及使用方法,包括依赖添加、代码编写等步骤,并展示了多种布局类型的 Adapter 实现。
介绍

RecyclerView与ListView原理是类似的:都是仅仅维护少量的View并且可以展示大量的数据集。RecyclerView用以下两种方式简化了数据的展示和处理:

  • 使用LayoutManager来确定每一个item的排列方式。

  • 为增加和删除项目提供默认的动画效果。

你也可以定义你自己的LayoutManager和添加删除动画,RecyclerView项目结构如下:




  • Adapter:使用RecyclerView之前,你需要一个继承自RecyclerView.Adapter的适配器,作用是将数据与每一个item的界面进行绑定。

  • LayoutManager:用来确定每一个item如何进行排列摆放,何时展示和隐藏。回收或重用一个View的时候,LayoutManager会向适配器请求新的数据来替换旧的数据,这种机制避免了创建过多的View和频繁的调用findViewById方法(与ListView原理类似)。

目前SDK中提供了三种自带的LayoutManager:

  • LinearLayoutManager

  • GridLayoutManager

  • StaggeredGridLayoutManager

第一节、简单的RecyclerView使用方法

本节所示示例是一个最简单的使用方法,在接下来几节中将会介绍更多RecyclerView的别的一些屌爆的用法。作者用的环境是Android Studio 0.8.6。

1、添加依赖

在AS的build.gradle中添加依赖,然后同步一下就可以引入依赖包:

dependencies {
...
compile 'com.android.support:recyclerview-v7:21.0.+'
}
  • 
    
  • 
    
  • 
    
  • 2、编写代码

    添加完依赖之后,就开始写代码了,与ListView用法类似,也是先在xml布局文件中创建一个RecyclerView的布局:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
        <android.support.v7.widget.RecyclerView
            android:id="@+id/my_recycler_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="vertical"/>
    </RelativeLayout>
    创建完布局之后在MainActivity中获取这个RecyclerView,并声明LayoutManagerAdapter,代码如下:
    mRecyclerView = (RecyclerView)findViewById(R.id.my_recycler_view);
    //创建默认的线性LayoutManager
    mLayoutManager = new LinearLayoutManager(this);
    mRecyclerView.setLayoutManager(mLayoutManager);
    //如果可以确定每个item的高度是固定的,设置这个选项可以提高性能
    mRecyclerView.setHasFixedSize(true);
    //创建并设置Adapter
    mAdapter = newMyAdapter(getDummyDatas());
    mRecyclerView.setAdapter(mAdapter);

    接下来的问题就是Adapter的创建,下面是多种不同布局的Adapter:
    class CategoryAdapter extends RecyclerView.Adapter {
        private static final int ITEM_FIRST = 0;
        private static final int ITEM_SECOND = 1;
        private final MainActivity context;
        ArrayList<String> list;
        private LayoutInflater inflater;
    
        public CategoryAdapter(ArrayList<String> list, MainActivity context) {
            this.list = list;
            this.context = context;
        }
    
    
        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View view = null;
            RecyclerView.ViewHolder holder = null;
            switch (getItemViewType(viewType)) {
                case ITEM_FIRST:
                    view =  LayoutInflater.from(context).inflate(R.layout.category_first_layout,
                            parent, false);
                    holder = new ViewHolder1(view);
                    break;
                case ITEM_SECOND:
                    view =  LayoutInflater.from(context).inflate(R.layout.category_second_layout,
                            parent, false);
                    holder = new ViewHolder2(view);
                    break;
                default:
                    break;
    
            }
            return holder;
        }
    
        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    
            switch (getItemViewType(position)) {
                case ITEM_FIRST:
                    ViewHolder1 holder1 = (ViewHolder1)holder;
                    holder1.dayText.setText(list.get(position));
                    break;
                case ITEM_SECOND:
                    ViewHolder2 holder2 = (ViewHolder2)holder;
                    holder2.firstText.setText(list.get(position));
                    holder2.clickText.setOnClickListener(new View.OnClickListener() {
                        @Override
                        public void onClick(View v) {
                            Intent intent = new Intent(context, CategoryActivity.class);
    //                        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                            context.startActivity(intent);
                        }
                    });
                    break;
            }
        }
    
        @Override
        public int getItemViewType(int position) {
            if (position == 0) {
                return ITEM_FIRST;
            } else {
                return ITEM_SECOND;
            }
        }
    
        @Override
        public int getItemCount() {
            return list.size();
        }
    
    
    
        static class ViewHolder1 extends RecyclerView.ViewHolder{
            @InjectView(R.id.every_day)
            ImageView everyDay;
            @InjectView(R.id.day_text)
            TextView dayText;
            @InjectView(R.id.text1)
            TextView text1;
            @InjectView(R.id.small_line)
            TextView smallLine;
            @InjectView(R.id.detail_text)
            TextView detailText;
    
            ViewHolder1(View view) {
                super(view);
                ButterKnife.inject(this, view);
            }
        }
    
    
        static class ViewHolder2 extends RecyclerView.ViewHolder{
            @InjectView(R.id.image_logo)
            ImageView imageLogo;
            @InjectView(R.id.first_text)
            TextView firstText;
            @InjectView(R.id.image_back)
            ImageView imageBack;
            @InjectView(R.id.click_text)
            TextView clickText;
            @InjectView(R.id.name)
            TextView name;
            @InjectView(R.id.small_line)
            TextView smallLine;
            @InjectView(R.id.small_category)
            TextView smallCategory;
            @InjectView(R.id.detail_text)
            TextView detailText;
    
            ViewHolder2(View view) {
                super(view);
                ButterKnife.inject(this, view);
            }
        }
    }
    横向布局

    如果想要一个横向的List只要设置LinearLayoutManager如下就行,注意要声明mLayoutManager的类型是LinearLayoutManager而不是父类LayoutManager:

    mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
    Grid布局

    如果想要一个Grid布局的列表,只要声明LayoutManager为GridLayoutManager即可,这里的columNum表示需要展示几列:

    mLayoutManager = new GridLayoutManager(context,columNum);
    mRecyclerView.setLayoutManager(mLayoutManager);

    注意,在Grid布局中也可以设置列表的Orientation属性,来实现横向和纵向的Grid布局。

    瀑布流布局

    瀑布流就使用StaggeredGridLayoutManager吧,具体方法与上面类似,就不做介绍啦。

    总结

    本节介绍的是一个最最简单的RecyclerView的使用方法,后面将介绍一些更高级的用法。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值