又一个新裤子的诞生：类似 Instagram 径向羽化透露手指底部内容的 FingerTransparentView
前不久群里有人说有木有人知道怎么实现「类似 Instagram 径向模糊透露手指底部内容」的效果，用过 Ps 的我，当时就知道这其实叫羽化。 
因为要实时用算法羽化其实挺麻烦的，效率也不见得好，于是我当即很快提供了一个思路便是通过 Ps 做一张中心透明，边缘羽化的图片，再结合 Android 自定义 View 常用的 Canvas 与 Paint 这两个类的混合模式 Xfermode，在白板上挖出一个能容纳这张羽化图片的洞，混合去除，再将羽化图片填充进去即可。
说来抽象，结果便是如右 GIF 图所示。正好那天比较闲，想得快，做得也快，一个钟头完全靠着自己就几乎完美实现了。
Maven:
dependencies { compile 'me.drakeet.fingertransparentview:fingertransparentview:1.0.1' } 不过，一般人可能不会用到这个东西，之所以在这边写出来，觉得它还是挺不错的一个自定义 View 教程，开发者可以看看源码学习下也不错，主要可以学到的内容有：
- 双指缩放 Bitmap
- 触摸事件分发与传递
- Android 提供的混合绘图接口 Xfermode（除了我使用到的一种，另外还有17种混合模式，非常强大）
- 自定义 View 的一些 适当 流程
源代码： https://github.com/drakeet/FingerTransparentView
遗留小问题：眼尖的同学可能会发现使劲看可以看得出图片边缘，这主要是 baseColor 我偷懒直接使用 Color.WHITE 衔接不完美导致的，可以通过调整这个变量获得完美衔接，或者重新 P 一张羽化图片也行。
正文到此结束
热门推荐
相关文章
近期评论
-
666
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
