如何用10行代码让app全局置灰

内容概要

前段时间由于新冠肺炎特别严重，政府规定今年的4月4号为悼念日，所有互联网项目能置灰的要跟随置灰处理。我们可以看到在京东、百度等部分app中都有置灰的功能。如果是在网页上的话，只需要一句代码就可以搞定了，但是app里实现可能有些同学会感觉迷茫。今天笔者也跟上潮流，给大家分享一篇如何在app中实现全局置灰吧，没有这个需求的朋友们也可以学习探讨一下思路，希望可以帮到大家！

一 、如何实现页面灰度化

实现灰度化的思路应该从Paint出发，因为系统是通过Paint将内容绘制到界面上的，如果能找到Paint相关的设置方法，那就再也合适不过了。自定义View做得多的同学可能知道Paint中可以设置ColorMatrix，以下是其源码，从源码的注释我们可以看到如果将setSaturation的sat参数设置为0就代表灰度模式。

OK，说干就干，我们自定义一个图片控件，修改其Paint中的Matrix属性试试。首先初始化ColorMatrix对象，然后按照源码中的说法，将setSaturation参数的值设置为0，接下来将该ColorMatrix设置到Paint中，后再onDraw方法中使用刚刚的Paint对象，代码大致如下：

以上是在ImageView中实现灰度化，那么文本的TextView其实也是一样的，因为本质都是使用Paint进行的绘制，所以可以直接将上面代码拷贝到自定义TextView中。

接下来我们在页面中使用上面自定义好的2个View，我们运行一下，看一下效果。不出所以然，文本和图片都变成了灰色，具体运行结果如下图：

效果是实现了，又有一个新的问题摆在眼前。在项目里数以万计的ImageView和TextView，总不可能一个一个来替换吧，这样做要换到猴年马月去？

二、如何提升替换效率

从上面TextView、ImageView二者的置灰实现没有任何区别，我们可以猜测是不是所有的View都能给置灰呢，那么ViewGroup作为一个特殊的View是否可以置灰呢？接下来我们来验证一下这个猜想，自定义一个RelativeLayout，还是之前的代码，需要注意的是这里需要复写dispatchDraw方法。关于onDraw方法和dispatchDraw方法的差别这里也稍微解释一下，ViewGroup容器组件的绘制，当它没有背景时直接调用的是dispatchDraw方法, 而绕过了onDraw方法，当它有背景的时候就调用onDraw方法，而onDraw()方法里包含了dispatchDraw方法的调用。也就是说这里必须复写dispathDraw方法，否则将没效果。

定义好ViewGroup以后，接下来将它使用到页面的根布局上面，运行项目看结果：

我们看到页面确实也成功灰度化了，心中暗暗窃喜，终于可以减少很多工作量了。然而问题还是有的，项目中有几百个页面，每个页面ViewGroup又不一样，我难道要先准备GrayLinearLayout、GrayRelativeLayout、GrayFramelayout等等，然后一个一个去换根布局吗，想想都有点累，那有没有更加优雅的方式呢？

三、步步逼近，从源码中寻找优雅的全局替换方式

一般来说，好用的方案往往来源于源码中，这也是程序员经常查看源码的原因。带着这个疑问我们先来简单复习一下View的加载过程，在我之前分享插件化的时候有简单提到过。我们从setContentView方法中一路点下去，终会看到调用了LayoutInflater类中的createViewFromTag方法，这段调用过程很简单，没看过的同学可以亲自去查看一下。笔者点了很多次了，这里就直接贴出来相关代码吧，重点是红框里面的部分。