Android Material Design控件之CardView

最新推荐文章于 2024-05-18 17:23:33 发布

LinWeiJ

最新推荐文章于 2024-05-18 17:23:33 发布

阅读量792

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/linweij/article/details/78524989

android 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍Android Material Design中的CardView组件，包括其基本属性、用法及如何设置圆角、阴影等效果，适用于RecyclerView的item布局。

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

Android Material Design Android官方控件学习目录

CardView

extends FrameLayout
卡片布局
A FrameLayout with a rounded corner background and shadow
可以轻松设置圆角和阴影的符合MD风格的FrameLayout

导入cardview-v7库

  'com.android.support:cardview-v7:26.1.0'

简单用法

<android.support.v7.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginTop="8dp"
        android:clickable="true"
        android:foreground="?selectableItemBackground"
        android:padding="40dp"
        app:cardBackgroundColor="#cdcdcd"
        app:cardCornerRadius="12dp"
        app:cardElevation="8dp"
        app:cardUseCompatPadding="false"
        app:contentPadding="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">
      
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scaleType="centerCrop"
            android:src="@mipmap/timg" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:gravity="center"
            android:text="这是一只喵"
            android:textColor="#fff"
            />

    </android.support.v7.widget.CardView>

设置背景颜色

 app:cardBackgroundColor="#cdcdcd"
 android:background="@color/color_red_ff7369"//不起作用

设置圆角大小

app:cardCornerRadius="12dp"

这是设置z轴的阴影

 app:cardElevation="8dp"

设置z轴的最大高度值

app:cardMaxElevation

是否使用CompatPadding v21+的版本和之前的版本使用一样的计算方式

app:cardUseCompatPadding="true"//默认false

是否在v20和之前的版本中添加内边距

app:cardPreventCornerOverlap

cardPreventCornerOverlap 默认为true 在v20和之前的版本中添加内边距，这个属性是为了防止卡片内容和边角的重叠,没有重叠就多了一条白边

设置Padding

android:padding="20dp"//不起作用
app:contentPadding //设置内容的padding 
app:contentPaddingLeft //设置内容的左padding 
app:contentPaddingTop //设置内容的上padding 
app:contentPaddingRight //设置内容的右padding 
app:contentPaddingBottom //设置内容的底padding

水波纹点击效果

android:foreground="?android:attr/selectableItemBackground"

通常作为RecyclerView的item布局

详细用法请看MaterialDesignWidget.CardViewActivity

github 源码地址：https://github.com/LinweiJ/MaterialDesignWidget