【Android - MD】之CardView的使用

最新推荐文章于 2024-09-12 07:53:49 发布

原创最新推荐文章于 2024-09-12 07:53:49 发布 · 737 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #控件 #布局

【Android - 基础】专栏收录该内容

15 篇文章

订阅专栏

本文介绍了Android 5.0 Material Design中的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>

运行结果如图所示：