Android之cardview属性以及阴影处理源码+实例

原创已于 2022-05-14 10:53:21 修改 · 1.7w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#CardView #安卓圆角图片 #cardview阴影 #cardview属性

于 2018-10-10 15:45:21 首次发布

Android 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍Android中CardView的使用方法及属性设置，包括如何实现圆角图片、调整阴影效果，以及解决图片底部多余阴影的问题。适用于Android开发者快速掌握CardView控件的使用。

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

Android之cardview属性以及阴影处理

开发中,项目会含有大量的图片需要展示,需要圆角图片,带圆角的组合控件等.本文对cardview使用,以及属性做开发记录,方便后来者查阅(博主也容易忘东西)

先看效果图(博主开发的一个VR中控平板端截图)
在这里插入图片描述

一 cardview使用

带圆角的图片

   <!--//不显示阴影-->
                <android.support.v7.widget.CardView
                    android:layout_width="wrap_content"
                    app:cardCornerRadius="5dp"
                    app:cardElevation="0px"
                    app:cardUseCompatPadding="false"
                    android:layout_height="wrap_content">
                    <ImageView
                        android:id="@+id/pic"
                        android:layout_width="70dp"
                        android:layout_height="70dp"
                        />
                </android.support.v7.widget.CardView>

二 cardview属性

cardBackgroundColor 设置背景色
cardCornerRadius 设置圆角大小
cardElevation 设置z轴阴影
cardMaxElevation 设置z轴最大高度值
cardUseCompatPadding 是否使用CompadPadding
cardPreventCornerOverlap 是否使用PreventCornerOverlap
contentPadding 内容的padding (Left,Top,Right,Bottom)
app:cardMaxElevation //最大阴影大小，该值最小2px

三阴影处理

图片底部带了不需要的阴影,怎么处理呢?

在布局文件添加 app:cardElevation="0px"与 app:cardUseCompatPadding="false"即可,代码如下

                <!--//不显示阴影-->
                <android.support.v7.widget.CardView
                    android:layout_width="wrap_content"
                    app:cardCornerRadius="5dp"
                    app:cardElevation="0px"
                    app:cardUseCompatPadding="false"
                    android:layout_height="wrap_content">
                    <ImageView
                        android:id="@+id/pic"
                        android:layout_width="70dp"
                        android:layout_height="70dp"
                        />
                </android.support.v7.widget.CardView>