CardView改变阴影颜色

编程入门行业动态更新时间:2024-10-04 19:32:39

CardView改变<a href=https://www.elefans.com/category/jswz/34/1751797.html style= 阴影颜色"/>

CardView改变阴影颜色

项目GitHub地址： CardViewShadowColor

CardView本身自带了灰色的阴影颜色，但是是不可修改的，而UI往往要求按钮的颜色是红色的就需要红色的阴影，在GitHub上搜索ShadowLayout等关键字，找到一些实现阴影的库，但有的效果不好，有性能有问题，会一直重绘，导致cpu及内存占用过高，界面卡顿，甚至OOM。
之前一直百思不得其解，为什么不让CardView能自定义阴影颜色呢，看了源码才搞清楚意图，我猜测有两个原因：

因为不想让使用者随便改变阴影颜色，因为自然界中不管什么颜色的物体，其阴影都是灰色

API >=21 View支持了阴影，只能在5.0以上的手机上生效，而API < 21 阴影都是重新绘制的，而View默认的阴影是灰色的，所以API < 21 重新绘制的阴影其颜色也给写死了灰色，且不提供public api供外接访问，应该是为了5.0以上手机使用阴影有更高的效率

CardView values.xml文件
<color name="cardview_shadow_end_color">#03000000</color>
<color name="cardview_shadow_start_color">#37000000</color>RoundRectDrawableWithShadow(Resources resources, ColorStateList backgroundColor, float radius,float shadowSize, float maxShadowSize) {mShadowStartColor = resources.getColor(R.color.cardview_shadow_start_color);mShadowEndColor = resources.getColor(R.color.cardview_shadow_end_color);}

可以看出其实是支持自定义阴影颜色的，只不过在代码里给写死了，且未提供公开的api修改颜色的方法或属性
```
static {if (Build.VERSION.SDK_INT >= 21) {IMPL = new CardViewApi21Impl();} else if (Build.VERSION.SDK_INT >= 17) {IMPL = new CardViewApi17Impl();} else {IMPL = new CardViewBaseImpl();}IMPL.initStatic();
}
```
直接改变values.xml中的cardview_shadow_end_color与cardview_shadow_start_color在5.0及以上的手机中是不生效的，因为5.0以上的手机，根本不创建RoundRectDrawableWithShadow类，而是使用View自带的阴影方法设置的，所以不管怎么改变一直是灰色阴影，所以要想在5.0及以上的手机上可以改变阴影颜色，可以修改下代码，如下所示：
```
static {//if (Build.VERSION.SDK_INT >= 21) {//    IMPL = new CardViewApi21Impl();//} else if (Build.VERSION.SDK_INT >= 17) {IMPL = new CardViewApi17Impl();} else {IMPL = new CardViewBaseImpl();}IMPL.initStatic();
}
```
这样就可以强制使其执行RoundRectDrawableWithShadow类来绘制阴影，改的颜色值也就生效了
如果没有必须改变阴影颜色的需求，还是直接使用默认的，这样性能更好

为了更方便的使用支持改变阴影颜色的CardView，我基于CardView 24.2.1版本改写了支持改变阴影颜色的库, 为了和官方的CardView库共存，且不冲突，我把所有属性、color及style的命名都加了前缀yc，当然也可以单独使用，使用方式如下
builb.gradle

最好和官方的CardView库一起使用，不需要特殊修改阴影颜色的地方，使用官方的CardView，
需要修改View阴影的地方才使用YcCardView
implementation 'com.zyp.cardview:cardview:1.0.1'

pom.xml

<dependency><groupId>com.zyp.cardview</groupId><artifactId>cardview</artifactId><version>1.0.1</version><type>pom</type>
</dependency>

    <!--android:foreground="@drawable/item_selector"  api>=21 ripper  api<21 selector--><!--android:stateListAnimator="@drawable/state_list_animator" 点击动画效果 支持api>=21--><!--CardView 默认使用--><android.support.v7.widget.CardViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:clickable="true"android:focusable="true"android:foreground="@drawable/item_selector"android:stateListAnimator="@drawable/state_list_animator"app:cardBackgroundColor="@color/white"app:cardCornerRadius="5dp"app:cardElevation="5dp"app:cardMaxElevation="5dp"app:cardPreventCornerOverlap="false"><TextViewandroid:layout_width="match_parent"android:layout_height="60dp"android:background="@null"android:gravity="center"android:text="Hello World!" /></android.support.v7.widget.CardView><!--YcCardView的使用--><!--ripper的范围无法控制--><com.zyp.cardview.YcCardViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_margin="10dp"android:clickable="true"android:focusable="true"android:foreground="@drawable/item_selector"android:stateListAnimator="@drawable/state_list_animator"app:ycCardCornerRadius="5dp"app:ycCardElevation="5dp"app:ycCardMaxElevation="5dp"app:ycCardPreventCornerOverlap="true"app:ycStartShadowColor="@color/red"><!--只用设置开始颜色ycStartShadowColor，ycStartShadowColor默认值为#00ffffff 一般不用设置--><TextViewandroid:layout_width="match_parent"android:layout_height="60dp"android:gravity="center"android:text="Hello World!" /></com.zyp.cardview.YcCardView>复制代码

在引用第三方的UI库，特别是View绘制相关的，如果View本身没有变化，draw()方法却一直执行，这种问题就非常严重了，但是这种问题却是最好排查的，Android Studio自带的工具Android Device Monitor就可以轻松实现排查，如下图：
当然也可以使用Android Profiler,但是貌似不可以按照包名搜索。

转载于:

相关资源：YCCardView,自定义阴影效果的控件，支持设置阴影偏移效果，支持设置扩散阴影，设置圆角大小，设置阴影颜色，还可以设置上下左右某个方法显示阴影效果，控件小巧但功能强大，方便维护和统一管理设置阴影操作。同时可以用于 RecyclerView项创建位图。