首页 > 代码库 > 【Android - MD】之CardView的使用

【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>

 

运行结果如图所示:

技术分享

 

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

DEMO地址

【Android - MD】之CardView的使用