android view顶部添加阴影效果

转载

柳随风 2024-11-06 12:24:46

文章标签 android 自定义 Android 文章分类 Android 移动开发

项目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.CardView
        android: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">
 
        <TextView
            android: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.YcCardView
        android: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 一般不用设置-->
 
        <TextView
            android: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项创建位图。