学习使用Material Design控件（三）使用CardView实现卡片效果

本文主要介绍CardView的使用，CardView是继承自FrameLayout，使用比较简单，只需要用CardView包含其他View就可以实现卡片效果了。

实现效果如下：

加入依赖库

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

Layout布局

<android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" app:cardCornerRadius="10dp" app:cardElevation="10dp" android:layout_marginBottom="@dimen/card_margin" android:layout_marginLeft="@dimen/card_margin" android:layout_marginRight="@dimen/card_margin"> <LinearLayout style="@style/CardView.Content" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/book1" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/book_title_1" android:textAppearance="@style/TextAppearance.AppCompat.Title" android:textColor="@color/primary_text" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="2dp" android:text="@string/book_description_1" android:textColor="@color/secondary_text" /> </LinearLayout> </LinearLayout> </android.support.v7.widget.CardView>

app:cardBackgroundColor 设置CardView背景颜色
app:cardCornerRadius 设置CardView圆角大小
app:cardElevation 设置CardView阴影高度

项目源码已发布到Github，以后慢慢加入其他控件的使用。
 源码地址：MaterialDesignExample

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。