android CardView的使用

最新推荐文章于 2025-06-20 09:47:58 发布

原创最新推荐文章于 2025-06-20 09:47:58 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Android项目中使用CardView组件，包括添加依赖、设置样式属性如背景颜色、圆角大小、阴影等，以及如何实现交互反馈的视觉效果。通过具体的XML布局示例，展示了CardView的灵活配置方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.添加依赖

api 'skin.support:skin-support-cardview:3.1.1'

2.使用

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
        <!--app:cardBackgroundColor这是设置背景颜色
            app:cardCornerRadius这是设置圆角大小
            app:cardElevation这是设置z轴的阴影
            app:cardMaxElevation这是设置z轴的最大高度值
            app:cardUseCompatPadding是否使用CompatPadding setUseCompatPadding属性，设置为true（默认值为false），让CardView在不同系统中使用相同的padding值。 Android Lollipop 5.0之前的系统
            app:cardPreventCornerOverlap是否使用PreventCornerOverlap Lollipop平台（API 21版本之前）上，CardView不会裁剪内容元素以满足圆角需求，而是使用添加padding的替代方案，从而使内容元素不会覆盖CardView的圆角
            app:contentPadding 设置内容的padding
            app:contentPaddingLeft 设置内容的左padding
            app:contentPaddingTop 设置内容的上padding
            app:contentPaddingRight 设置内容的右padding
            app:contentPaddingBottom 设置内容的底padding
            android:stateListAnimator API 21版本之后可以用来方便的实现交互反馈的视觉效果 在这里主要实现Z轴的变化-->
    <android.support.v7.widget.CardView
        android:id="@+id/cd_set_skin"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginLeft="14dp"
        android:layout_marginRight="14dp"
        android:layout_marginTop="14dp"
        android:stateListAnimator="@drawable/card_view_touch_bg"
        app:contentPaddingLeft="14dp"
        app:contentPaddingRight="14dp"
        app:cardCornerRadius="5dp"
        app:cardElevation="3dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:textColor="@color/commonsdk_black_333333"
            android:text="更换皮肤"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/commonsdk_icon_arrow_right"
            android:layout_gravity="center_vertical|right"/>
    </android.support.v7.widget.CardView>
    <android.support.v7.widget.CardView
        android:id="@+id/cd_set_font"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_marginLeft="14dp"
        android:layout_marginRight="14dp"
        android:layout_marginTop="14dp"
        android:stateListAnimator="@drawable/card_view_touch_bg"
        app:contentPaddingLeft="14dp"
        app:contentPaddingRight="14dp"
        app:cardCornerRadius="5dp"
        app:cardElevation="3dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:textColor="@color/commonsdk_black_333333"
            android:text="更换字体"/>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/commonsdk_icon_arrow_right"
            android:layout_gravity="center_vertical|right"/>
    </android.support.v7.widget.CardView>

3.card_view_touch_bg

<?xml version="1.0" encoding="utf-8"?>
<!-- animate the translationZ property of a view when pressed -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_enabled="true"
        android:state_pressed="true">
        <set>
            <objectAnimator
                android:duration="@android:integer/config_shortAnimTime"
                android:propertyName="translationZ"
                android:valueTo="6dp"
                android:valueType="floatType"/>
        </set>
    </item>
    <item>
        <set>
            <objectAnimator
                android:duration="@android:integer/config_shortAnimTime"
                android:propertyName="translationZ"
                android:valueTo="0"
                android:valueType="floatType"/>
        </set>
    </item>
</selector>