【Android - MD】之CardView的使用

  CardView是Android 5.0新特性——Material Design中的一个布局控件,可以通过属性设置显示一个圆角的类似卡片的视图。

1、CardView的属性:

app:cardCornerRadius:CardView的圆角大小
app:cardElevation:CardView的阴影大小
app:cardMaxElevation:CardView最大阴影大小
app:cardPreventCornerOverlap:CardView中的内容是否和圆角重叠,true为不重叠
注:如果CardView中有一张填充布局的图片,则如果不设置cardPreventCornerOverlap为true的话,图片的四个角
会延伸到CardView的圆角之外

2、演示代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"> <android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="200.0dip"
android:layout_margin="20.0dip"
app:cardCornerRadius="10.0dip"
app:cardElevation="5.0dip"
app:cardMaxElevation="15.0dip"
app:cardPreventCornerOverlap="true"> <ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:contentDescription="@string/app_name"
android:scaleType="centerCrop"
android:src="@mipmap/bg" /> <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="THIS IS A CARDVIEW"
android:textColor="#FFFFFFFF"
android:textSize="24.0sp"
android:textStyle="bold" />
</android.support.v7.widget.CardView> </RelativeLayout>

  运行结果如图所示:

【Android - MD】之CardView的使用

  以上就是对CardView简单使用方法的介绍,下面贴出码云上的源码,供大家参考。

DEMO地址

上一篇:Android Material Design的FloatingActionButton,Snackbar和CoordinatorLayout


下一篇:【Android - MD】之NavigationView的使用