Android中CardView使用

      简单介绍下CardView的使用。CardView实际上是一个具有圆角的背景和阴影的FrameLayout。使用起来非常简单。

      首先，在build.gradle的dependencies中引入相应的支持库。

      compile 'com.android.support:cardview-v7:22.1.0'

      其次，直接在布局文件中使用即可。布局文件activity_main.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.leidong.cardviewtest.MainActivity">
    <android.support.v7.widget.CardView
        android:id="@+id/cardView1"
        android:layout_gravity="center"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="5dp"
        android:layout_margin="5dp"
        app:cardElevation="5dp">
        <ImageView
            android:id="@+id/circleImageView1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@drawable/monkey1"
            android:layout_gravity="center"/>
    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
        android:id="@+id/cardView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="5dp"
        android:layout_margin="5dp"
        app:cardElevation="5dp">
        <ImageView
            android:id="@+id/circleImageView2"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@drawable/monkey2"
            android:layout_gravity="center"/>
    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
        android:id="@+id/cardView3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="5dp"
        android:layout_margin="5dp"
        app:cardElevation="5dp">
        <ImageView
            android:id="@+id/circleImageView3"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@drawable/monkey3"
            android:layout_gravity="center"/>
    </android.support.v7.widget.CardView>

    <android.support.v7.widget.CardView
        android:id="@+id/cardView4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="5dp"
        android:layout_margin="5dp"
        app:cardElevation="5dp">
        <ImageView
            android:id="@+id/circleImageView4"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@drawable/monkey4"
            android:layout_gravity="center"/>
    </android.support.v7.widget.CardView>
</LinearLayout>

效果如下：