android 卡片布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:padding="10dp"

    tools:context=".adapter.ThirdCoachAdapter">

        android:id="@+id/card_view"

        android:layout_width="match_parent"

        android:layout_height="110dp"

        android:layout_gravity="center"

        android:layout_marginLeft="10dp"

        android:layout_marginRight="10dp"

        app:cardCornerRadius="5dp">

            style="@style/CircleCardViewStyle"

            android:layout_gravity="center_vertical"

            android:layout_width="80dp"

            android:layout_height="80dp"

            android:layout_marginStart="10dp">

                android:id="@+id/img_coach"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:scaleType="centerCrop"

                android:src="@drawable/avatar" />

            android:layout_marginLeft="-10dp"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:layout_gravity="center_horizontal"

            android:orientation="vertical">

                android:id="@+id/tv_train_name"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_gravity="center_vertical"

                android:layout_marginTop="10dp"

                android:text="最强核心打造"

                android:textColor="@color/black70"

                android:textSize="16sp" />

                android:id="@+id/tv_train_content"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_gravity="center_vertical"

                android:layout_marginTop="5dp"

                android:text="减脂"

                android:textColor="@color/black60"

                android:textSize="12sp" />

                android:id="@+id/tv_train_time"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_gravity="center_vertical"

                android:layout_marginTop="5dp"

                android:text="12:00-12:45"

                android:textColor="@color/black60"

                android:textSize="12sp" />

                android:id="@+id/tv_train_cost"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_marginTop="5dp"

                android:layout_gravity="center_vertical"

                android:text="@string/train_cost"

                android:textColor="@color/colorPrimary"

                android:textSize="12sp" />

            style="@style/CountdownViewStyle"

            android:id="@+id/cv_coach_book"

            android:layout_marginTop="35dp"

            android:text="@string/coach_book"

            android:layout_gravity="right"/>

</LinearLayout>

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

     下面例子来源于android学习手册， android学习手册包含9个章节，108个例子，源码文档随便看，例子都是可交互，可运行，源码采用android studio目录结构，高亮显示代码，文档都采用文档结构图显示，可以快速定位。360手机助手中下载，排在第四个。

CardView应该被使用在显示层次性的内容时；在显示列表或网格时更应该被选择，因为这些边缘可以使得用户更容易去区分这些内容。

使用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' }

现在将FrameLayout替换为CardView，

<android.support.v7.widget.CardView  xmlns:card_view="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></android.support.v7.widget.CardView>

就是这样！使用依赖库能够保证你的程序稳定的兼容之前的版本；尽管在AndroidL和之前的Android版本中对其处理方式有所不同。

---