UI开源库Android

ShadowDecorate-布局无侵入、不占用View空间的弥

2021-01-04  本文已影响0人  高清马里奥

ShadowDecorate-git地址

一、效果:

效果.gif

demo下载

二、解决的问题:

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

使用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)
        )
DropShadowGradientDrawable

(DiffusionShadowDrawable同理,不再赘述)

DiffusionShadowDrawable

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

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

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

四:使用StatefulDrawableDecorate:

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

样式
BlueStatefulDrawableFactory BlueStatefulDrawableFactory
OrangeStatefulDrawableFactory OrangeStatefulDrawableFactory
RedStatefulDrawableFactory RedStatefulDrawableFactory

使用方法:

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

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

五:注意!!一些局限性

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

六:版本:

上一篇 下一篇

猜你喜欢

热点阅读