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

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>

三 尾言

为自己技术增值,量变引起质变.对象亦来源于生活,模式亦来源于验证的OO经验,那么请学会使用轮子,再到感受制造轮子的乐趣,你会发现原来编程那么美妙.如有错误或不当之处,请读者留言,博主好吸取经验,互相交流学习

  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android 中,可以使用 CardView 控件来实现四周阴影效果。CardView 内部已经实现了阴影效果,只需要将需要添加阴影的布局放在 CardView 中即可。 以下是使用 CardView 实现四周阴影效果的示例代码: 1. 在布局文件中添加 CardView 控件,并将需要添加阴影效果的布局放在 CardView 中。 ``` <androidx.cardview.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="16dp" app:cardCornerRadius="8dp" app:cardElevation="8dp" app:cardUseCompatPadding="true"> <!-- 需要添加阴影效果的布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="16dp"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="这是一个示例布局" android:textSize="24sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="这是一个示例布局的内容" android:textSize="16sp" /> </LinearLayout> </androidx.cardview.widget.CardView> ``` 在 CardView 控件中,使用 app:cardCornerRadius 属性可以设置圆角半径,使用 app:cardElevation 属性可以设置阴影大小,使用 app:cardUseCompatPadding 属性可以设置是否使用兼容性内边距。 2. 运行应用程序,即可看到添加了四周阴影效果的布局。 这样就可以使用 CardView 控件来实现 Android 中的四周阴影效果了。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值