ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理

ShadowDecorate-git地址

一、效果:

ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理_第1张图片
效果.gif

demo下载

二、解决的问题:

传统情况下,drawable只支持绘制在view对应的canvas,也就是从ViewRoot根据view区域裁剪得到的canvas.
但是当我们处理带阴影背景效果时,就会比较麻烦:

  • 我们期望的是阴影不占用内容区区域,否则就直接影响到我们写布局的时候要预留各种阴影区域
  • 当使用单边投影的阴影时,内容难以居中:由于阴影的偏移宽度,导致每个使用的地方要计算内容区偏移padding,以保证内容在视觉上居中。统一样式的drawable也很难适应各种尺寸的场景

使用ShadowDecorate,可以根据内容自由决定View的布局,不需要额外计算预留空间和偏移对齐,阴影会被画到View的外部。除去极少的特定场景下需要考虑布局的排布,几乎可以做到布局无侵入

三:简单使用:

allprojects {
        repositories {
            maven { url 'https://jitpack.io' }
        }
    }
dependencies {
            implementation 'com.github.zhangjianhd:ShadowDecorate:1.0.2'
    }

提供了底部偏移阴影的DropShadowDrawable以及四周弥散的阴影DiffusionShadowDrawable

构造方法可设置颜色以及圆角,直接创建出Drawable对象即可使用。

view.background = BlueDropShadowDrawable
view.background = DropShadowGradientDrawable(
            Color.parseColor("#FF646B"),
            Color.parseColor("#FE3439"),
            dp2px(this,5)
        )
ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理_第2张图片
DropShadowGradientDrawable

(DiffusionShadowDrawable同理,不再赘述)

ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理_第3张图片
DiffusionShadowDrawable

可以重写contentDrawable()方法以自由绘制内容区域背景(如渐变或者带边框等等):可以参考DropShadowGradientDrawable的实现,DropShadowGradientDrawable实现了内容区域y方向线性渐变

默认实现了几种样式(材料)

样式
BlueDropShadowDrawable/BlueDropShadowPressDrawable
GrayDropShadowDrawable
OrangeDropShadowDrawable/OrangeDropShadowPressDrawable
RedDropShadowDrawable/RedDropShadowPressDrawable

四:使用StatefulDrawableDecorate:

同时提供了有状态的装饰器,将不同的材料组合起来,以提供按钮的点击、不可用等状态组合
默认实现了demo的三种样式效果

样式
BlueStatefulDrawableFactory
ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理_第4张图片
BlueStatefulDrawableFactory
OrangeStatefulDrawableFactory
ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理_第5张图片
OrangeStatefulDrawableFactory
RedStatefulDrawableFactory
ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理_第6张图片
RedStatefulDrawableFactory

使用方法:

StatefulDrawableDecorate.createStatefulDrawable(OrangeStatefulDrawableFactory::class.java)
            .init(view)

可自由实现接口IStatefulDrawableFactory创建自己的状态组合

五:注意!!一些局限性

采用的方案是参考水波纹点击效果RippleDrawable的实现。方案是从当前View,向ViewTree的根节点查找,找到一个有背景的ViewGroup(源码中命名ProjectionReceiver)后,将绘制交给该ProjectionReceiver去绘制,从而可以绘制到当前View外部。也因此有产生了一些局限性:

  • 当ProjectionReceiver的大小不足以显示阴影时,阴影会被裁剪。不过这种情况比较少。
  • 当前View的ProjectionReceiver(PR1)本身也在使用ShadowDecorate时,由于ProjectionReceiver的背景是继续向上交给它的ProjectionReceiver(PR2)去绘制的,导致PR1本身其实不绘制背景,所以当前View设置的背景也就显示不出来了。此时可以考虑增加一个同级的View或者和PR1同级的View去处理PR1的阴影背景。也就这一种情况对现有布局产生侵入。

六:版本:

  • 1.0.2 修复1.0.1引入的drawable在draw的时候invalidateSelf导致循环调用的问题
  • 1.0.1 某些特殊场景下设置了背景却没触发view绘制,动一下才能显示背景的问题
  • 1.0.0

你可能感兴趣的:(ShadowDecorate-布局无侵入、不占用View空间的弥散阴影处理)