Android - MD之CardView的使用

Posted 2020-08-24 ITGungnir

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地址