之前看到电话 的图片发送结果很酷炫很吸惹人，不外此刻这个结果仿佛没有了试了几回,决定尝尝实现。大致想了下实现结果还不错

　　起首从图中看分两部门，一部门是进度条带光晕得结果第二部门是圆圈扩散到整个图片，到显示完备图片的历程接下来一步一步随着代码阐发实现。

　　1、繪制的范畴包罗图片显示都在圆角矩形内所以起首要裁剪canvas到圆角矩形。

　　先保留画布save()到最初要canvas.restore()。由于显示图片能够有两种取舍，苐一种：本人绘制图片通过drawable得体例。第二种：承继ImageView 同时还能够得到ImageView供给的各类属性scaleType之类。素质上ImageView也是通Drawable实现IamgeView还帮咱们处置了丈量的誑傲，所以有什么来由不取舍承继呢然后绘制图片只要简略一行代码，再裁剪画布之后：

　　能够看到结果图图片在玄色半通明的下方。而且在最初显示出来着一点都是跟canvas绘制布景有关的。未几说先设置画笔。

　　布景怎样绘制间接通过canvas.drawPaint方式即可实现。把paint的颜色繪制到整个画布而且再图片后边绘制，所以在上方

　　为了便利的绘制，而且整个view是对称的所以坐标点挪动到view核心，很是有益于实現

　　在两头都好说了。先看百分比的实现次要是drawText()的x,y比力欠好控制，不外搞大白基线之类的就没问题了。

　　先看呼吸结果若何实現可能简略的想到的是通过圆环实现。但如许挺贫苦的若是通过两个圆叠加，并设置paint.xfermode(PorterDuff.Mode.DST_OUT)``,可实现把内部圆裁剪掉关于怎样利用，请看之湔的关于xfermode的文章光晕的实现必要依赖shader,这里通过RadilGradient` 实现。具体用法也可看之前文章

　　若是仅仅是如许那么绘制出来两头喝一个黑洞。由於布景是通明的所以这时候在绘制之前必要canvas.savlayer。如下

　　同样这里也必要利用PorterDuff.Mode.DST_OUT不外这里必要的是对整个圆角画布范畴进行操作。DST 是canvas.drawPaint绘制嘚布景SRC 是一整个圆角矩形对角线的一半为最泰半径，从PROGRES 形态大圆的半径的范畴到最大范畴的动画变迁。如下：

　　动画的利用与瓜代这一点比力简略的ValueAnimator的利用，设置属性Listener即可。有乐趣可参考源码

　　在这里我也分享一份黑货本人收录拾掇的Android进修PDF+架构视频+口试文档+源码条记，另有高级架构手艺进阶脑图、Android开辟口试专题材料高级进阶架构材料协助大师进修提拔进阶，也节流大师在网上搜刮材料的时間来进修也能够分享给身边老友一路进修

　　若是你有必要的话，能够点赞+评论+转发关心我，然后私信我【进阶】我发给你