Android探坑集锦<二>水波纹扩散效果的自定义view

距离上次写博客已经过去快一年了(手动捂脸!!!),惰性真的是个很强大的东西,好在最近已经严重意识到这个问题,因此也就决定重启记录技术博客的计划(希望不要被现实无情的打脸)。

本次主要是完成一个简单的自定义view,实现水波纹扩散的效果,也是工作中需要实现的,因此特来记录下当时的历程,当然如果对其他人有所帮助也是极极好的。大概的效果如下图所示。



来了动图

对于刚拿到水波纹扩散效果的需求而言,当然脑子里第一次想到的肯定是能越简单实现越好(是真的懒=。=)。

方案一:使用view动画

使用相同的切图,设置不同的大小叠加显示,组合使用ScaleAnimation和AlphaAnimation,来实现大小、透明度的变化。代码较简单,就不贴了。这种效果是真的差,尤其是一次动画完成后继续下次动画的工程中会有明显的停顿感觉,同时由于是缩放动画,小圆环在放大后那个模糊的真的是不忍直视!!!果断放弃,要不得。因此有了接下来的自定义view的方案二。

方案二:自定义view

当然在写之前我参考了一部分网上的实现,大体上来说思路都是一样的。根据时间的变化来计算每一条圆环的半径和透明度。在ondraw的时候依次将圆环draw出来。

先看下哪些参数需要可以动态配置吧。


先说下思路吧,整个view中持有了当前显示的圆环的list,一旦圆环超出了最大的半径,便将圆环移除列表。同时在每个圆环产生的间隔时间后会生成新的圆环(每个圆环都是从起始半径开始的),这样就形成了无限循环的效果。

首先将构造圆环的对象,其中肯定要两个方法,计算当前圆环的透明度和半径。每个圆环有个percent(从0-1)属性,其实是为了开启属性动画,在动画每次更改percent属性的时候去重新绘制view,这样避免了很多博主使用的postInvalidateDelayed方法,将重新绘制的频率时机交给属性动画。

当然如果嫌弃波纹频率太规律了,还可以修改插值器来完成

剩下的工作就差将圆环绘制上去了。

当然还有一点需要注意的是,在onSizeChanged方法中判断下设置的maxRadius是否有效,无效的根据宽高进行修正。

整体的思路就是这样啦。

代码传送门:github传送门

End 终于完成了,当然flag还是要立的,博客还是要时时更新的!!!

但愿脸不会疼!!!

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

推荐阅读更多精彩内容