Android全局实现控件变灰

看了鸿洋大神的文章，才知道原来还可以这么简单的实现全局控件变灰,有兴趣的可以去看看。下面只是我个人的学习记录。

实现的灰度的工具

做这个的时候让我想起了之前做的人脸识别，人脸识别的第一步就是将获取的图片转换成灰度图。转换成灰度图的方式是用矩阵的方式实现的。关于矩阵这里就不展开来说了，都差不多还给了大学的高数老师了，有空再复习一下。
而在Android中已经有现成封装好的矩阵转换的类ColorMatrix，通过setSaturation(float sat)方法可以转变成灰度图，实现方法可以看图1。

图1.png

那么这矩阵要怎么用呢？如果是非常了解自定义view的人，应该很快就能想到Paint.setColorFilter(ColorFilter filter)这个方法，通过查看ColorFilter的继承结构图，就可以找到ColorMatrixColorFilter是通过矩阵来设置色彩的。

图2.png

为什么只设置ViewGroup的灰度，其子View也会跟着变？

按照鸿洋大神的思路，自定义一个GrayFramelayout实现一个Paint，并把Paint设置到Canvas中，最后就是用GrayFramelayout替换Activity最外层的Framelayout。自此整个过程就完成了。
但是重点来了，为什么只是将最外层的Framelayout设置灰度，它的子View也会跟着被设置灰度呢？其实鸿洋大神已经给了提示，那就是dispatchDraw(canvas: Canvas?)这个方法。
带着这个问题，我重新查看了View的draw的过程，看看下面的图3。

图3.png

在这里调用我们复写的dispatchDraw(canvas: Canvas?)方法，而这个方法的描述是draw the children，而我们的复写是将Paint放进了Canvas中。

override fun dispatchDraw(canvas: Canvas?) {
        canvas?.saveLayer(null, mPaint, Canvas.ALL_SAVE_FLAG)
        super.dispatchDraw(canvas)
        canvas?.restore()
}

继续查看原生的dispatchDraw(canvas: Canvas?)方法，View的dispatchDraw(canvas: Canvas?)是一个空方法，

图4.png

那看看ViewGroup的dispatchDraw(canvas: Canvas?)方法，在这里会调用drawChild(Canvas canvas, View child, long drawingTime)方法，并且把我们修改的Canvas传进了这个方法。

override fun dispatchDraw(canvas: Canvas?) {
...
 for (int i = 0; i < childrenCount; i++) {
            while (transientIndex >= 0 && mTransientIndices.get(transientIndex) == i) {
                final View transientChild = mTransientViews.get(transientIndex);
                if ((transientChild.mViewFlags & VISIBILITY_MASK) == VISIBLE ||
                        transientChild.getAnimation() != null) {
                    more |= drawChild(canvas, transientChild, drawingTime);
                }
                transientIndex++;
                if (transientIndex >= transientCount) {
                    transientIndex = -1;
                }
            }

            final int childIndex = getAndVerifyPreorderedIndex(childrenCount, i, customOrder);
            final View child = getAndVerifyPreorderedView(preorderedList, children, childIndex);
            if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {
                more |= drawChild(canvas, child, drawingTime);
            }
        }
        while (transientIndex >= 0) {
            // there may be additional transient views after the normal views
            final View transientChild = mTransientViews.get(transientIndex);
            if ((transientChild.mViewFlags & VISIBILITY_MASK) == VISIBLE ||
                    transientChild.getAnimation() != null) {
                more |= drawChild(canvas, transientChild, drawingTime);
            }
            transientIndex++;
            if (transientIndex >= transientCount) {
                break;
            }
        }
...
}

再看看drawChild(Canvas canvas, View child, long drawingTime)这个方法，这个方法很简单，就是调用子View的draw(Canvas canvas, ViewGroup parent, long drawingTime),并把我们修改的Canvas传给子View使用。

图5.png

至此，我们就明白了为什么只是修改了最外层的VIewGroup，内部的子View也会跟着修改了，这是因为所有的控件都是默认使用最外层的ViewGroup的Canvas。