怎么更好地使用RecyclerView_百度知道
怎么更好地使用RecyclerView
提问者采纳
可以通过imagekoader来管理图片，它能够根据recycleview的滚动状态把图片加载的现成hold住
来自团队：
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁您目前的活力值不够下载该资源哦~~
怎么样快速获得活力值？
下载此资源将扣除活力值-20
（只在首次下载扣除活力值，之后可以免费下载）
DevStore用户登录
还没有DevStore帐号？
快捷登录：
为了尽快解决大伙儿的问题，请务必要找相对应的客服哦~
DevStore贯穿项目生命周期，解决你的所有问题
Android L——RecyclerView,CardView的导入和使用
DevStore编辑 糖果果
本文主要介绍Android L新增加的两个UI控件RecyclerView，CardView的导入和使用。
RecyclerView：ListView的升级版，它提供了更好的性能而且更容易使用。该控件是一个可以装载大量的视图集合，并且可以非常效率的进行回收和滚动。当你list中的元素经常动态改变时可以使用RecyclerView控件。它提供了如下两个功能：
1、为每个条目位置提供了layout管理器（RecyclerView.setLayoutManager）
2、为每个条目设置了操作动画（RecyclerView.setItemAnimator）
CardView：Google提供的一个卡片式视图组件。CardView继承自FrameLayout，允许你在Card视图中显示信息， CardView也可以设置阴影和圆角。（其实现在很多应用都自定义了Card视图，Google这回将Card视图作为基本控件，可以拿来直接使用了。）
本例就是一个使用RecyclerView来展示多个CardView的一个小例子，先看下效果图：
导入RecyclerView,CardView
由于RecyclerView,CardView是放在support library v7包中，所以我们想要使用就必须要导包。
下面就介绍下在Eclipse和Android Studio中是如何导入这两个包的。
第一步：通过SDK manager下载/更新Android Support Libraries（5.0版本最新为21）&
第二步：导入CardView和RecyclerView项目（都在support v7中）
1、在Eclipse中点击Import，导入Android项目
2、导入CardView和RecycleView，路径为your sdk path\extras\android\support\v7\cardview（RecycleView则为相同目录下的recyclerview）
3、导入时记得将工程copy到本地并建议重命名，这样方便以后管理例如：
第三步：设置Library
1、将两个工程设置为Library
2、在主工程中引入这两个Library例如：
通过这三步就可以将这两个包导入进来了。
Android Studio
Android Stuido相对于Eclipse简单的多。
第一步：首先要确保已经将Android Support Libraries升级到最新。
第二步：打开项目中的build.gradle文件，在dependencies中添加如下代码。
dependencies&{
&&&&compile&'com.android.support:recyclerview-v7:21.+'
&&&&compile&'com.android.support:cardview-v7:21.+'
第三步：重新Build一下工程，Build完成后就会发现这两个包就已经导入进来了。
代码介绍：
首先这个黑色基调的主题是使用了Material.Dark.ActionBar样式。
设置方法：修改values-v21文件夹下styles.xml文件：
&resources&&&
&&&&&style&name="AppTheme"&parent="android:ThemeOverlay.Material.Dark.ActionBar"&&&
&&&&&/style&&&
&/resources&
布局文件：
recycler_view.xml（RecyclerView布局文件）:
&?xml&version="1.0"&encoding="utf-8"?&&&
&FrameLayout&xmlns:android="/apk/res/android"&&
&&&&xmlns:tools="/tools"&&
&&&&android:layout_width="match_parent"&&
&&&&android:layout_height="match_parent"&&
&&&&tools:context=".MyActivity"&&&
&&&&&android.support.v7.widget.RecyclerView&&
&&&&&&&&android:id="@+id/list"&&
&&&&&&&&android:layout_width="match_parent"&&
&&&&&&&&android:layout_height="match_parent"&&
&&&&&&&&tools:context=".MyActivity"&/&&&
&/FrameLayout&
FrameLayout里包含了RecyclerView控件。
card_view.xml（CardView布局文件）：
&android.support.v7.widget.CardView&xmlns:android="/apk/res/android"&&
&&&&xmlns:card_view="/apk/res-auto"&&
&&&&android:layout_width="match_parent"&&
&&&&android:layout_height="match_parent"&&
&&&&android:layout_margin="5dp"&&
&&&&android:orientation="horizontal"&&
&&&&card_view:cardBackgroundColor="@color/cardview_dark_background"&&
&&&&card_view:cardCornerRadius="5dp"&&&&
&&&&&RelativeLayout&&
&&&&&&&&android:layout_width="match_parent"&&
&&&&&&&&android:layout_height="100dp"&&
&&&&&&&&android:padding="5dp"&&&&
&&&&&&&&&ImageView&&
&&&&&&&&&&&&android:id="@+id/pic"&&
&&&&&&&&&&&&android:layout_width="match_parent"&&
&&&&&&&&&&&&android:layout_height="match_parent"&&
&&&&&&&&&&&&android:layout_centerInParent="true"&&
&&&&&&&&&&&&android:scaleType="centerCrop"&/&&&
&&&&&&&&&TextView&&
&&&&&&&&&&&&android:clickable="true"&&
&&&&&&&&&&&&android:id="@+id/name"&&
&&&&&&&&&&&&android:layout_width="match_parent"&&
&&&&&&&&&&&&android:layout_height="match_parent"&&
&&&&&&&&&&&&android:layout_marginBottom="10dp"&&
&&&&&&&&&&&&android:layout_marginRight="10dp"&&
&&&&&&&&&&&&android:gravity="right|bottom"&&
&&&&&&&&&&&&android:textColor="@android:color/white"&&
&&&&&&&&&&&&android:textSize="24sp"&/&&&
&&&&&/RelativeLayout&&&
&/android.support.v7.widget.CardView&
CardView视图中包含了一个ImageView和一个TextView分别显示图片和文字信息。
唯一需要介绍的就是在布局文件中使用了，如下两个属性：
card_view:cardBackgroundColor="@color/cardview_dark_background"&&
&&&card_view:cardCornerRadius="5dp"
他俩的作用分别是设置CardView的背景颜色和外围的圆角大小（注意要使用card_view命名空间）
Actor类（封装数据的Model类）：
public&class&Actor
&&&&String&
&&&&String&picN
&&&&public&Actor(String&name,&String&picName)
&&&&&&&&this.name&=&
&&&&&&&&this.picName&=&picN
&&&&public&int&getImageResourceId(&Context&context&)
&&&&&&&&try
&&&&&&&&&&&&return&context.getResources().getIdentifier(this.picName,&"drawable",&context.getPackageName());
&&&&&&&&catch&(Exception&e)
&&&&&&&&&&&&e.printStackTrace();
&&&&&&&&&&&&return&-1;
封装了演员的名字和图片名，getImageResourceId()方法的作用就是根据图片命找到系统资源。
MyActivity(程序主控制Activity)
public&class&MyActivity
&&&&extends&Activity
&&&&private&RecyclerView&mRecyclerV
&&&&private&MyAdapter&myA
&&&&private&Listactors&=&new&ArrayList();
&&&&private&String[]&names&=&{&"朱茵",&"张柏芝",&"张敏",&"巩俐",&"黄圣依",&"赵薇",&"莫文蔚",&"如花"&};
&&&&private&String[]&pics&=&{&"p1",&"p2",&"p3",&"p4",&"p5",&"p6",&"p7",&"p8"&};
&&&&@Override
&&&&protected&void&onCreate(&Bundle&savedInstanceState&)
&&&&&&&&super.onCreate(savedInstanceState);
&&&&&&&&setContentView(R.layout.recycler_view);
&&&&&&&&actors.add(new&Actor("朱茵",&"p1"));
&&&&&&&&getActionBar().setTitle("那些年我们追的星女郎");
&&&&&&&&//&拿到RecyclerView
&&&&&&&&mRecyclerView&=&(RecyclerView)&findViewById(R.id.list);
&&&&&&&&//&设置LinearLayoutManager
&&&&&&&&mRecyclerView.setLayoutManager(new&LinearLayoutManager(this));
&&&&&&&&//&设置ItemAnimator
&&&&&&&&mRecyclerView.setItemAnimator(new&DefaultItemAnimator());
&&&&&&&&//&设置固定大小
&&&&&&&&mRecyclerView.setHasFixedSize(true);
&&&&&&&&//&初始化自定义的适配器
&&&&&&&&myAdapter&=&new&MyAdapter(this,&actors);
&&&&&&&&//&为mRecyclerView设置适配器
&&&&&&&&mRecyclerView.setAdapter(myAdapter);
&&&&@Override
&&&&public&boolean&onCreateOptionsMenu(Menu&menu)&{
&&&&&&&&getMenuInflater().inflate(R.menu.menu,&menu);
&&&&&&&&return&
&&&&@Override
&&&&public&boolean&onOptionsItemSelected(MenuItem&item)&{
&&&&&&&&switch(item.getItemId())&{
&&&&&&&&&&&&//&当点击actionbar上的添加按钮时，向adapter中添加一个新数据并通知刷新
&&&&&&&&&&&&case&R.id.action_add:
&&&&&&&&&&&&&&&&if&(myAdapter.getItemCount()&!=&names.length)&{
&&&&&&&&&&&&&&&&&&&&actors.add(new&Actor(names[myAdapter.getItemCount()],&pics[myAdapter.getItemCount()]));
&&&&&&&&&&&&&&&&&&&&mRecyclerView.scrollToPosition(myAdapter.getItemCount()&-&1);
&&&&&&&&&&&&&&&&&&&&myAdapter.notifyDataSetChanged();
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&return&
&&&&&&&&&&&&//&当点击actionbar上的删除按钮时，向adapter中移除最后一个数据并通知刷新
&&&&&&&&&&&&case&R.id.action_remove:
&&&&&&&&&&&&&&&&if&(myAdapter.getItemCount()&!=&0)&{
&&&&&&&&&&&&&&&&&&&&actors.remove(myAdapter.getItemCount()-1);
&&&&&&&&&&&&&&&&&&&&mRecyclerView.scrollToPosition(myAdapter.getItemCount()&-&1);
&&&&&&&&&&&&&&&&&&&&myAdapter.notifyDataSetChanged();
&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&return&
&&&&&&&&return&super.onOptionsItemSelected(item);
MyAdapter（自定义适配器类）
public&class&MyAdapter
&&&&extends&RecyclerView.Adapter{
&&&&private&L
&&&&private&Context&mC
&&&&public&MyAdapter(&Context&context&,&Listactors)
&&&&&&&&this.mContext&=&
&&&&&&&&this.actors&=&
&&&&@Override
&&&&public&ViewHolder&onCreateViewHolder(&ViewGroup&viewGroup,&int&i&)
&&&&&&&&//&给ViewHolder设置布局文件
&&&&&&&&View&v&=&LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.card_view,&viewGroup,&false);
&&&&&&&&return&new&ViewHolder(v);
&&&&@Override
&&&&public&void&onBindViewHolder(&ViewHolder&viewHolder,&int&i&)
&&&&&&&&//&给ViewHolder设置元素
&&&&&&&&Actor&p&=&actors.get(i);
&&&&&&&&viewHolder.mTextView.setText(p.name);
&&&&&&&&viewHolder.mImageView.setImageDrawable(mContext.getDrawable(p.getImageResourceId(mContext)));
&&&&@Override
&&&&public&int&getItemCount()
&&&&&&&&//&返回数据总数
&&&&&&&&return&actors&==&null&?&0&:&actors.size();
&&&&//&重写的自定义ViewHolder
&&&&public&static&class&ViewHolder
&&&&&&&&extends&RecyclerView.ViewHolder
&&&&&&&&public&TextView&mTextV
&&&&&&&&public&ImageView&mImageV
&&&&&&&&public&ViewHolder(&View&v&)
&&&&&&&&&&&&super(v);
&&&&&&&&&&&&mTextView&=&(TextView)&v.findViewById(R.id.name);
&&&&&&&&&&&&mImageView&=&(ImageView)&v.findViewById(R.id.pic);
以上所有代码就介绍完了，可以总结为以下两点：
RecyclerView：
理解为之前的ListView，不过需要设置LinearLayoutManager和ItemAnimator两个新属性。
RecyclerView.Adapter：
理解为默认自带和基于ViewHolder的新的适配器，只不过回调方法稍有不同，但本质都是一样的。
已收藏 取消
糖果果 DevStore编辑
简介：on the way
可能喜欢的文章
可能感兴趣的问答
开发者交流群：
运营交流群：
产品交流群：
深圳尺子科技有限公司
深圳市南山区蛇口网谷万海大厦C栋504
Copyright (C) 2015 DevStore. All Rights Reserved阅读(11450)
这篇文章是的一个补充或者说是应用实例，如果有时间建议大家稍微浏览一下上篇文章。
本文主要介绍Android L新增加的两个UI控件RecyclerView，CardView的导入和使用。
RecyclerView是ListView的升级版
CardView则是Google提供的一个卡片式视图组件
本例就是使用RecyclerView来展示多个CardView的一个小例子，先看下效果图：
导入RecyclerView,CardView
由于RecyclerView,CardView是放在support library v7包中，所以我们想要使用就必须要导包。
下面就介绍下在Eclipse和Android Studio中是如何导入这两个包的。
第一步：通过SDK manager下载/更新Android Support Libraries（5.0版本最新为21）&
第二步：导入CardView和RecyclerView项目（都在support v7中）
1.在Eclipse中点击Import，导入Android项目
2.导入CardView和RecycleView，路径为your sdk path\extras\android\support\v7\cardview（RecycleView则为相同目录下的recyclerview）
3.导入时记得将工程copy到本地并建议重命名，这样方便以后管理例如：
第三步：设置Library
1..将两个工程设置为Library
2..在主工程中引入这两个Library例如：
通过这三步就可以将这两个包导入进来了。
Android Studio
Android Stuido相对于Eclipse简单的多：
首先要确保已经将Android Support Libraries升级到最新.
打开项目中的build.gradle文件，在dependencies中添加如下代码。
dependencies {
compile 'com.android.support:recyclerview-v7:21.+'
compile 'com.android.support:cardview-v7:21.+'
重新Build一下工程。
Build完成后就会发现这两个包就已经导入进来了
代码介绍：
首先这个黑色基调的主题是使用了Material.Dark.ActionBar样式。
设置方法：修改values-v21文件夹下styles.xml文件：
&resources&
&style name=&AppTheme& parent=&android:ThemeOverlay.Material.Dark.ActionBar&&
&/resources&
布局文件：
recycler_view.xml（RecyclerView布局文件）:
&?xml version=&1.0& encoding=&utf-8&?&
&FrameLayout xmlns:android=&/apk/res/android&
xmlns:tools=&/tools&
android:layout_width=&match_parent&
android:layout_height=&match_parent&
tools:context=&.MyActivity&&
&android.support.v7.widget.RecyclerView
android:id=&@+id/list&
android:layout_width=&match_parent&
android:layout_height=&match_parent&
tools:context=&.MyActivity& /&
&/FrameLayout&FrameLayout里包含了RecyclerView控件
card_view.xml（CardView布局文件）：
&android.support.v7.widget.CardView xmlns:android=&/apk/res/android&
xmlns:card_view=&/apk/res-auto&
android:layout_width=&match_parent&
android:layout_height=&match_parent&
android:layout_margin=&5dp&
android:orientation=&horizontal&
card_view:cardBackgroundColor=&@color/cardview_dark_background&
card_view:cardCornerRadius=&5dp& &
&RelativeLayout
android:layout_width=&match_parent&
android:layout_height=&100dp&
android:padding=&5dp& &
&ImageView
android:id=&@+id/pic&
android:layout_width=&match_parent&
android:layout_height=&match_parent&
android:layout_centerInParent=&true&
android:scaleType=&centerCrop& /&
android:clickable=&true&
android:id=&@+id/name&
android:layout_width=&match_parent&
android:layout_height=&match_parent&
android:layout_marginBottom=&10dp&
android:layout_marginRight=&10dp&
android:gravity=&right|bottom&
android:textColor=&@android:color/white&
android:textSize=&24sp& /&
&/RelativeLayout&
&/android.support.v7.widget.CardView&
CardView视图中包含了一个ImageView和一个TextView分别显示图片和文字信息
唯一需要介绍的就是在布局文件中使用了，如下两个属性：
card_view:cardBackgroundColor=&@color/cardview_dark_background&
card_view:cardCornerRadius=&5dp&他俩的作用分别是设置CardView的背景颜色和外围的圆角大小（注意要使用card_view命名空间）
Actor类（封装数据的Model类）：
public class Actor
String picN
public Actor(String name, String picName)
this.name =
this.picName = picN
public int getImageResourceId( Context context )
return context.getResources().getIdentifier(this.picName, &drawable&, context.getPackageName());
catch (Exception e)
e.printStackTrace();
return -1;
}封装了演员的名字和图片名，getImageResourceId()方法的作用就是根据图片命找到系统资源
MyActivity(程序主控制Activity)
public class MyActivity
extends Activity
private RecyclerView mRecyclerV
private MyAdapter myA
private List&Actor& actors = new ArrayList&Actor&();
private String[] names = { &朱茵&, &张柏芝&, &张敏&, &巩俐&, &黄圣依&, &赵薇&, &莫文蔚&, &如花& };
private String[] pics = { &p1&, &p2&, &p3&, &p4&, &p5&, &p6&, &p7&, &p8& };
protected void onCreate( Bundle savedInstanceState )
super.onCreate(savedInstanceState);
setContentView(R.layout.recycler_view);
actors.add(new Actor(&朱茵&, &p1&));
getActionBar().setTitle(&那些年我们追的星女郎&);
// 拿到RecyclerView
mRecyclerView = (RecyclerView) findViewById(R.id.list);
// 设置LinearLayoutManager
mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
// 设置ItemAnimator
mRecyclerView.setItemAnimator(new DefaultItemAnimator());
// 设置固定大小
mRecyclerView.setHasFixedSize(true);
// 初始化自定义的适配器
myAdapter = new MyAdapter(this, actors);
// 为mRecyclerView设置适配器
mRecyclerView.setAdapter(myAdapter);
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu, menu);
public boolean onOptionsItemSelected(MenuItem item) {
switch(item.getItemId()) {
// 当点击actionbar上的添加按钮时，向adapter中添加一个新数据并通知刷新
case R.id.action_add:
if (myAdapter.getItemCount() != names.length) {
actors.add(new Actor(names[myAdapter.getItemCount()], pics[myAdapter.getItemCount()]));
mRecyclerView.scrollToPosition(myAdapter.getItemCount() - 1);
myAdapter.notifyDataSetChanged();
// 当点击actionbar上的删除按钮时，向adapter中移除最后一个数据并通知刷新
case R.id.action_remove:
if (myAdapter.getItemCount() != 0) {
actors.remove(myAdapter.getItemCount()-1);
mRecyclerView.scrollToPosition(myAdapter.getItemCount() - 1);
myAdapter.notifyDataSetChanged();
return super.onOptionsItemSelected(item);
MyAdapter（自定义适配器类）
public class MyAdapter
extends RecyclerView.Adapter&MyAdapter.ViewHolder&
private List&Actor&
private Context mC
public MyAdapter( Context context , List&Actor& actors)
this.mContext =
this.actors =
public ViewHolder onCreateViewHolder( ViewGroup viewGroup, int i )
// 给ViewHolder设置布局文件
View v = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.card_view, viewGroup, false);
return new ViewHolder(v);
public void onBindViewHolder( ViewHolder viewHolder, int i )
// 给ViewHolder设置元素
Actor p = actors.get(i);
viewHolder.mTextView.setText(p.name);
viewHolder.mImageView.setImageDrawable(mContext.getDrawable(p.getImageResourceId(mContext)));
public int getItemCount()
// 返回数据总数
return actors == null ? 0 : actors.size();
// 重写的自定义ViewHolder
public static class ViewHolder
extends RecyclerView.ViewHolder
public TextView mTextV
public ImageView mImageV
public ViewHolder( View v )
mTextView = (TextView) v.findViewById(R.id.name);
mImageView = (ImageView) v.findViewById(R.id.pic);
所有代码介绍完毕了，可以总结为以下两点：
RecyclerView：
理解为之前的ListView，不过需要设置LinearLayoutManager（目前资料不多我也有点迷糊以后再补充）和ItemAnimator（为每个条目设置操作动画）两个新属性
RecyclerView.Adapter：
理解为默认自带和基于ViewHolder的新的适配器，只不过回调方法稍有不同，但本质都是一样的。
代码下载地址：
写在最后：
最近在写一个ANDROID L——Material Design详解的系列文章。
主题和布局——
视图和阴影——
UI控件——
目前只差最后一个动画部分了。原计划是等动画篇写完之后再分别写它们的使用Demo，但是上一篇UI控件感觉写的不够详细，所以先把UI控件的Demo写出来。
视图阴影和动画的使用Demo等最后动画篇写完后再更新，敬请期待。。。