序言：RecyclerView是ListView的升級(jí)版 CardView則是Google提供的一個(gè)卡片式視圖組件 一：兩種開發(fā)工具的導(dǎo)包使用 eclipce 第一步：通過SDK manager下載/更新Android Support Libraries（5.0版本最新為21） 第二步：導(dǎo)入CardView和RecyclerView項(xiàng)目（都在support v7中） 1.在Eclipse中點(diǎn)擊Import，導(dǎo)入Android項(xiàng)目 2.導(dǎo)入CardView和RecycleView，路徑為your sdk path/extras/android/support/v7/cardview（RecycleView則為相同目錄下的recyclerview） 3.導(dǎo)入時(shí)記得將工程copy到本地并建議重命名，這樣方便以后管理例如： 第三步：設(shè)置Library 1..將兩個(gè)工程設(shè)置為L(zhǎng)ibrary 2..在主工程中引入這兩個(gè)Library例如： 通過這三步就可以將這兩個(gè)包導(dǎo)入進(jìn)來了。 Android Studio Android Stuido相對(duì)于Eclipse簡(jiǎn)單的多： 第一步： 首先要確保已經(jīng)將Android Support Libraries升級(jí)到最新. 第二步： 打開項(xiàng)目中的build.gradle文件，在dependencies中添加如下代碼。
dependencies { compile 'com.android.support:recyclerview-v7:21.+' compile 'com.android.support:cardview-v7:21.+'}第三步： 重新Build一下工程。 Build完成后就會(huì)發(fā)現(xiàn)這兩個(gè)包就已經(jīng)導(dǎo)入進(jìn)來了 二： 主題： 首先這個(gè)黑色基調(diào)的主題是使用了Material.Dark.ActionBar樣式。 設(shè)置方法：修改values-v21文件夾下styles.xml文件：
<resources> <style name="A布局文件： recycler_view.xml（RecyclerView布局文件）: FrameLayout里包含了RecyclerView控件<?xml version="1.0" encoding="utf-8"?><FrameLayout 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=".MyActivity"> <android.support.v7.widget.RecyclerView android:id="@+id/list" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MyActivity" /></FrameLayout>card_view.xml（CardView布局文件）：
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:card_view="http://schemas.android.com/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視圖中包含了一個(gè)ImageView和一個(gè)TextView分別顯示圖片和文字信息 唯一需要介紹的就是在布局文件中使用了，如下兩個(gè)屬性：
card_view:cardBackgroundColor="@color/cardview_dark_background" card_view:cardCornerRadius="5dp"他倆的作用分別是設(shè)置CardView的背景顏色和外圍的圓角大小（注意要使用card_view命名空間） 三：例子 （封裝數(shù)據(jù)的Model類）：
public class Actor{ String name; String picName; public Actor(String name, String picName) { this.name = name; this.picName = picName; } public int getImageResourceId( Context context ) { try { return context.getResources().getIdentifier(this.picName, "drawable", context.getPackageName()); } catch (Exception e) { e.PRintStackTrace(); return -1; } }}封裝了演員的名字和圖片名，getImageResourceId()方法的作用就是根據(jù)圖片命找到系統(tǒng)資源
MyActivity(程序主控制Activity)
public class MyActivity extends Activity{ private RecyclerView mRecyclerView; private MyAdapter myAdapter; private List<Actor> actors = new ArrayList<Actor>(); 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); // 設(shè)置LinearLayoutManager mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); // 設(shè)置ItemAnimator mRecyclerView.setItemAnimator(new DefaultItemAnimator()); // 設(shè)置固定大小 mRecyclerView.setHasFixedSize(true); // 初始化自定義的適配器 myAdapter = new MyAdapter(this, actors); // 為mRecyclerView設(shè)置適配器 mRecyclerView.setAdapter(myAdapter); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch(item.getItemId()) { // 當(dāng)點(diǎn)擊actionbar上的添加按鈕時(shí)，向adapter中添加一個(gè)新數(shù)據(jù)并通知刷新 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 true; // 當(dāng)點(diǎn)擊actionbar上的刪除按鈕時(shí)，向adapter中移除最后一個(gè)數(shù)據(jù)并通知刷新 case R.id.action_remove: if (myAdapter.getItemCount() != 0) { actors.remove(myAdapter.getItemCount()-1); mRecyclerView.scrollToPosition(myAdapter.getItemCount() - 1); myAdapter.notifyDataSetChanged(); } return true; } return super.onOptionsItemSelected(item); }}MyAdapter（自定義適配器類）
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder>{ private List<Actor> actors; private Context mContext; public MyAdapter( Context context , List<Actor> actors) { this.mContext = context; this.actors = actors; } @Override public ViewHolder onCreateViewHolder( ViewGroup viewGroup, int i ) { // 給ViewHolder設(shè)置布局文件 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設(shè)置元素 Actor p = actors.get(i); viewHolder.mTextView.setText(p.name); viewHolder.mImageView.setImageDrawable(mContext.getDrawable(p.getImageResourceId(mContext))); } @Override public int getItemCount() { // 返回?cái)?shù)據(jù)總數(shù) return actors == null ? 0 : actors.size(); } // 重寫的自定義ViewHolder public static class ViewHolder extends RecyclerView.ViewHolder { public TextView mTextView; public ImageView mImageView; public ViewHolder( View v ) { super(v); mTextView = (TextView) v.findViewById(R.id.name); mImageView = (ImageView) v.findViewById(R.id.pic); } }}四：小結(jié) RecyclerView：
理解為之前的ListView，不過需要設(shè)置LinearLayoutManager（目前資料不多我也有點(diǎn)迷糊以后再補(bǔ)充）和ItemAnimator（為每個(gè)條目設(shè)置操作動(dòng)畫）兩個(gè)新屬性
RecyclerView.Adapter：
理解為默認(rèn)自帶和基于ViewHolder的新的適配器，只不過回調(diào)方法稍有不同，但本質(zhì)都是一樣的。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
