[置顶] CardView，RecyclerView的使用

Android5.0中向我们介绍了一个全新的控件–CardView，从本质上看，可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果。请注意：CardView被包装为一种布局，并且经常在ListView和RecyclerView的Item布局中，作为一种容器使用。使用CardView

首先，假设你的布局如同下面的形式：

<FrameLayout  xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content">

    <!-- Main Content View -->
    <RelativeLayout>
        ...
    </RelativeLayout>
</FrameLayout>

为了使用上面的布局方式来创建一个卡片，首先你需要导入支持的依赖库（android-support-v7-cardview的jar包）在你的build.gradle文件中。

dependencies {
    ...
    compile 'com.android.support:cardview-v7:21.0.2'
}

使用cardView

android.support.v7.widget.CardView

定制CardView

CardView提供了一个默认的elevation（意为CardView的Z轴阴影）和圆角角度，所以每一个卡片都能够在不同的设备上保持相同的外观。然而，你也可以根据自己的需求去定制这些值。

card_view:cardCornerRadius="8dp" card_view:cardElevation="8dp

1、使用android:cardCornerRadius属性指定圆角半径
2、使用CardView.setRadius 设置圆角半径。
3、使用 android:cardBackgroundColor属性设置卡片颜色

注意：cardElevation属性被用来决定阴影的大小以及柔和度，以至于可以逼真的模拟出对于深度效果的描述。

添加波纹点击效果

默认情况，CardView是不可点击的，并且没有任何的触摸反馈效果。触摸反馈动画在用户点击CardView时可以给用户以视觉上的反馈。为了实现这种行为，你必须提供一下属性：

<android.support.v7.widget.CardView
  ...
  android:clickable="true"
  android:foreground="?android:attr/selectableItemBackground">
  ...
</android.support.v7.widget.CardView>

使用android:foreground=”?android:attr/selectableItemBackground”可以使CardView点击产生波纹的效果，有触摸点向外扩散。

对更早的版本的支持

在AndroidL之前的设备上，CardView为了支持圆角的效果加上了padding，圆角剪裁操作可以算是很昂贵的操作。相似的，对阴影效果来说，在AndroidL之前，也会提供padding去绘制阴影面积，这些内容的padding是和elevation属性相关的，按照文档：

padding值为： 
左右两边的值为:maxCardElevation + (1 - cos45) * cornerRadius 
上下两边的值为：maxCardElevation * 1.5 + (1 - cos45) * cornerRadius

因此，如果你需要给自己的内容加上padding的话，需要使用新的属性：card_view:contentPadding 
相似的，如果改变CardView的背景，也需要使用新的属性：card_view:cardBackgroundColor

使用 RecyclerView

  RecyclerView是一个更高级柔性版本的Listview，RecyclerView是一个能包含很多视图的容器，它能完美的处理循环和滚动。在item动态变化的Listview使用RecyclerView。

RecyclerView使用很简单，因为它提供了：

1、定位item的布局管理器

2、常见的item操作默认动画

你能够灵活的为RecyclerView自定义布局管理器和动画。

使用RecyclerView，必须使用指定一个adapter、定义一个布局管理器。创建adapter必须继承自RecyclerView.Adapter。实施的细节需要看数据类型和需要的视图。

   RecyclerView widget

RecyclerView 提供了 LayoutManager，RecylerView 不负责子 View 的布局

目前提供了

LinearLayoutManager(显示垂直或水平滚动列表中的条目。)

GridLayoutManager(在一个网格显示项)

StaggeredGridLayoutManager（在交错网格显示项。）

以上如果不满足要求，那么你可以继承RecyclerView.LayoutManager

Animations

动画添加和删除项目在RecyclerView默认启用。自定义动画只需要继承RecyclerView.ItemAnimator类并使用RecyclerView.setItemAnimator()方法。

使用：

studio build.gradle  添加

1 2 3

dependencies {      compile 'com.android.support:recyclerview-v7: 22.2 . 0 ’ }

RecyclerView Demo：

1、布局文件

1 2 3 4 5 6

<!-- A RecyclerView with some commonly used attributes --> < android.support.v7.widget.RecyclerView      android:id = "@+id/my_recycler_view"      android:scrollbars = "vertical"      android:layout_width = "match_parent"      android:layout_height = "match_parent" />

2、Activity文件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

public  class  MyActivity  extends  Activity {      private  RecyclerView mRecyclerView;      private  RecyclerView.Adapter mAdapter;      private  RecyclerView.LayoutManager mLayoutManager;      @Override      protected  void  onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          setContentView(R.layout.my_activity);          mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);          // improve performance if you know that changes in content          // do not change the size of the RecyclerView          mRecyclerView.setHasFixedSize( true );          // use a linear layout manager          mLayoutManager =  new  LinearLayoutManager( this );          mRecyclerView.setLayoutManager(mLayoutManager);          // specify an adapter (see also next example)          mAdapter =  new  MyAdapter(myDataset);          mRecyclerView.setAdapter(mAdapter);      }      ... } public  class  MyAdapter  extends  RecyclerView.Adapter<MyAdapter.ViewHolder> {      private  String[] mDataset;      // Provide a reference to the type of views that you are using      // (custom viewholder)      public  static  class  ViewHolder  extends  RecyclerView.ViewHolder {          public  TextView mTextView;          public  ViewHolder(TextView v) {              super (v);              mTextView = v;          }      }      // Provide a suitable constructor (depends on the kind of dataset)      public  MyAdapter(String[] myDataset) {          mDataset = myDataset;      }      // Create new views (invoked by the layout manager)      @Override      public  MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,                                                     int  viewType) {          // create a new view          View v = LayoutInflater.from(parent.getContext())                                 .inflate(R.layout.my_text_view,  null );          // set the view's size, margins, paddings and layout parameters          ...          ViewHolder vh =  new  ViewHolder(v);          return  vh;      }      // Replace the contents of a view (invoked by the layout manager)      @Override      public  void  onBindViewHolder(ViewHolder holder,  int  position) {          // - get element from your dataset at this position          // - replace the contents of the view with that element          holder.mTextView.setText(mDataset[position]);      }      // Return the size of your dataset (invoked by the layout manager)      @Override      public  int  getItemCount() {          return  mDataset.length;      } }

RecyclerView 的标准化了 ViewHolder， 编写 Adapter 面向的是 ViewHoder 而不在是View 了， 复用的逻辑被封装了， 写起来更加简单。