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 了， 复用的逻辑被封装了， 写起来更加简单。