Android之cardview属性以及阴影处理

版权声明:博主原创欢迎分享学习 https://blog.csdn.net/qXing123456789/article/details/82998237

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经验,那么请学会使用轮子,再到感受制造轮子的乐趣,你会发现原来编程那么美妙.如有错误或不当之处,请读者留言,博主好吸取经验,互相交流学习

猜你喜欢

转载自blog.csdn.net/qXing123456789/article/details/82998237
今日推荐