CardView也是一个非常炫酷的控件，一般我们将CardView配合RecyclerView来使用，当然，CardView也可以配合ListView来使用，都是可以的。OK，我们先来看一张CardView+RecyclerView实现的效果图：

每一个item都是圆角的，而且还有阴影的效果，这也就是Google的MD设计规范，有3D的感觉，圆角的效果自己做应该是很容易，但是阴影的效果如果要自己做确实不太容易。好吧，那我们今天就来看看这个效果怎么实现吧！

1.添加依赖

这里我使用了RecyclerView+CardView来实现这样的效果，当然，你如果使用ListView一样是可以实现这样的效果的。OK，我需要下面两个依赖，一个RecyclerView的，一个是CardView的。

compile ‘com.Android.support:recyclerview-v7:23.1.1‘
    compile ‘com.android.support:cardview-v7:23.1.1‘

2.构造RecyclerView的Adapter

构造RecyclerView的Adapter，那么我先把item的布局贴上来：

[java] view plain copy print?

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:app="http://schemas.android.com/apk/res-auto"
4. android:layout_width="match_parent"
5. android:layout_height="match_parent"
6. android:orientation="vertical">
7. <android.support.v7.widget.CardView
8. android:layout_width="match_parent"
9. android:layout_height="108dp"
10. app:cardCornerRadius="10dp"
11. app:cardElevation="5dp">
12. <RelativeLayout
13. android:layout_width="match_parent"
14. android:layout_height="match_parent">
15. <ImageView
16. android:id="@+id/iv"
17. android:layout_width="108dp"
18. android:layout_height="108dp"
19. android:padding="12dp"
20. android:scaleType="centerCrop"/>
21. <TextView
22. android:id="@+id/content"
23. android:layout_width="match_parent"
24. android:layout_height="wrap_content"
25. android:layout_centerVertical="true"
26. android:layout_marginLeft="36dp"
27. android:layout_toRightOf="@id/iv"
28. android:gravity="center"
29. android:padding="3dp"
30. android:text=""/>
31. </RelativeLayout>
32. </android.support.v7.widget.CardView>
33. </LinearLayout>

大家看到，我在item的布局中使用了CardView节点，表示一个item就是一张卡片，其中app:cardCornerRadius="10dp"属性表示每个item的圆角大小，app:cardElevation="5dp"属性表示海拔高度，其实就是Z轴的高度，设置了Z轴高度之后也就有了阴影效果，当然你也可以设置其他属性，比如app:cardBackgroundColor=""表示每个item的背景颜色。其他的都很简单。

再来看看Adapter：

[java] view plain copy print?

1. public class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
2. private List<ItemEntity> list;
3. private Context context;
4. private LayoutInflater inflater;
5. public MyAdapter(Context context, List<ItemEntity> list) {
6. this.context = context;
7. this.list = list;
8. inflater = LayoutInflater.from(context);
9. }
10. @Override
11. public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
12. View view = inflater.inflate(R.layout.item, null);
13. return new MyViewHolder(view);
14. }
15. @Override
16. public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
17. MyViewHolder holder1 = (MyViewHolder) holder;
18. ItemEntity itemEntity = list.get(position);
19. holder1.content.setText(itemEntity.getContent());
20. holder1.imageView.setImageResource(itemEntity.getImg());
21. }
22. @Override
23. public int getItemCount() {
24. return list.size();
25. }
26. private class MyViewHolder extends RecyclerView.ViewHolder{
27. private ImageView imageView;
28. private TextView content;
29. public MyViewHolder(View itemView) {
30. super(itemView);
31. imageView = (ImageView) itemView.findViewById(R.id.iv);
32. content = (TextView) itemView.findViewById(R.id.content);
33. }
34. }
35. }

Adapter中就是普通的RecyclerView 的Adapter，这都很简单，没啥好说的。

3.收拾好RecyclerView并显示

最后，在Activity中初始化数据并交给RecyclerView去显示即可：

[java] view plain copy print?

1. public class MainActivity extends AppCompatActivity {
2. private List<ItemEntity> list;
3. @Override
4. protected void onCreate(Bundle savedInstanceState) {
5. super.onCreate(savedInstanceState);
6. setContentView(R.layout.activity_main);
7. RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
8. initData();
9. MyAdapter adapter = new MyAdapter(this, list);
10. recyclerView.setLayoutManager(new LinearLayoutManager(this));
11. recyclerView.setAdapter(adapter);
12. }
13. private void initData() {
14. list = new ArrayList<>();
15. int[] imgs = new int[]{R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,R.drawable.p6,
16. R.drawable.p7,R.drawable.p8,R.drawable.p9,R.drawable.p10,R.drawable.p11,R.drawable.p12,R.drawable.p13,
17. R.drawable.p14,R.drawable.p15};
18. for (int img : imgs) {
19. ItemEntity itemEntity = new ItemEntity();
20. itemEntity.setContent("风光  " + img);
21. itemEntity.setImg(img);
22. list.add(itemEntity);
23. }
24. }
25. }

就是这么简单。

以上。