介绍
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的布局:
创建完布局之后在MainActivity中获取这个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>
LayoutManager
与Adapter
,代码如下: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的使用方法,后面将介绍一些更高级的用法。