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

ShadowDecorate-git地址

一、效果:

效果.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)
        )
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外部。也因此有产生了一些局限性:

  • 当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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,710评论 4 376
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,839评论 2 308
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 112,295评论 0 255
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,776评论 0 223
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,198评论 3 297
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,074评论 1 226
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,200评论 2 322
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,986评论 0 214
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,733评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,877评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,348评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,675评论 3 265
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,393评论 3 246
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,209评论 0 9
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,996评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,212评论 2 287
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 36,003评论 2 280

推荐阅读更多精彩内容