CardView的简单使用

最新推荐文章于 2021-01-21 11:38:50 发布

原创最新推荐文章于 2021-01-21 11:38:50 发布 · 517 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍了Android CardView的简单使用，包括如何添加依赖，以及CardView的各种属性，如阴影大小、背景颜色、圆角设置、内容边距等。通过设置这些属性，可以实现卡片样式的视图效果，并提供了点击水波纹效果。

implementation ‘com.android.support:cardview-v7:28’

android:foreground="?android:attr/selectableItemBackgroundBorderless"
点击会有水波效果

<androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:layout_margin="50dp"
        app:cardCornerRadius="6dp"
        android:foreground="?android:attr/selectableItemBackgroundBorderless"
        app:cardElevation="3dp"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="标题"
            android:textSize="20sp"
            android:padding="10dp"
            android:gravity="center"
            android:background="#FF0000"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp"
            android:text="CardView"
            android:padding="30dp"
            android:textSize="40sp"
            android:gravity="center"
            android:background="#00FF66"/>
    </androidx.cardview.widget.CardView>

CardView的常用属性
属性作用
card_view:cardElevation 阴影的大小
card_view:cardMaxElevation 阴影最大高度
card_view:cardBackgroundColor 卡片的背景色
card_view:cardCornerRadius 卡片的圆角大小
card_view:contentPadding 卡片内容于边距的间隔
card_view:contentPaddingBottom 卡片内容与底部的边距
card_view:contentPaddingTop 卡片内容与顶部的边距
card_view:contentPaddingLeft 卡片内容与左边的边距
card_view:contentPaddingRight 卡片内容与右边的边距
card_view:contentPaddingStart 卡片内容于边距的间隔起始
card_view:contentPaddingEnd 卡片内容于边距的间隔终止
card_view:cardUseCompatPadding 设置内边距，V21+的版本和之前的版本仍旧具有一样的计算方式
card_view:cardPreventCornerOverlap 在V20和之前的版本中添加内边距，这个属性为了防止内容和边角的重叠