ShadowDecorate-git地址
一、效果:
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)
)
(DiffusionShadowDrawable同理,不再赘述)
可以重写contentDrawable()方法以自由绘制内容区域背景(如渐变或者带边框等等):可以参考DropShadowGradientDrawable的实现,DropShadowGradientDrawable实现了内容区域y方向线性渐变
默认实现了几种样式(材料)
样式 |
---|
BlueDropShadowDrawable/BlueDropShadowPressDrawable |
GrayDropShadowDrawable |
OrangeDropShadowDrawable/OrangeDropShadowPressDrawable |
RedDropShadowDrawable/RedDropShadowPressDrawable |
四:使用StatefulDrawableDecorate:
同时提供了有状态的装饰器,将不同的材料组合起来,以提供按钮的点击、不可用等状态组合
默认实现了demo的三种样式效果
样式 | |
---|---|
BlueStatefulDrawableFactory | |
OrangeStatefulDrawableFactory | |
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