Android实现"全国公祭日"灰白模式-技术圈

昨天是南京大屠杀国家公祭日，1937年12月13日至今中国人从未忘记国耻，铭记历史，振兴中华，吾辈仍需自强，相信童鞋们的朋友圈都刷爆了。

本来没打算写与这个事件相关的，后台有童鞋问到了这个问题，也只是简单回复了一下，并没有详细的过程，那今天就用这篇写的详细一点。

细心点的童鞋会发现，这天很多App都设置了符合公祭日主题的灰白模式，比如京东，如图所示：

我们再来看看最终实现的效果图：

那我们今天就介绍三种方案全局设置灰白模式：

方案一：

这也是我回复这位童鞋的方案：给Activity的顶层View设置置灰，实现全局置灰效果，下面我们来看看具体的实现过程。

可以在BaseActivity的onCreate方法中，使用ColorMatrix设置灰度

    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
        //方案一        Paint paint = new Paint();        ColorMatrix cm = new ColorMatrix();        cm.setSaturation(0);//灰度效果        paint.setColorFilter(new ColorMatrixColorFilter(cm));        getWindow().getDecorView().setLayerType(View.LAYER_TYPE_HARDWARE,paint);    }

这样就可以实现啦，这种方式还是比较简单的。

方案二：

该方法使用自定义layout，在dispatchdraw方法的时候，添加一层黑白色的bitmap，让界面开起来成为黑白模式。但是缺点明显，应用比较卡顿。

1、首先需要先定义一个GrayFrameLayout布局

public class GrayFrameLayout extends FrameLayout {    private Paint mPaint = new Paint();
    public GrayFrameLayout(@NonNull Context context) {        super(context);    }
    public GrayFrameLayout(@NonNull Context context, @Nullable AttributeSet attrs) {        super(context, attrs);        ColorMatrix cm = new ColorMatrix();        cm.setSaturation(0);        mPaint.setColorFilter(new ColorMatrixColorFilter(cm));    }
    @Override    protected void onDraw(Canvas canvas) {        canvas.saveLayer(null, mPaint, Canvas.ALL_SAVE_FLAG);        super.onDraw(canvas);    }
    @Override    protected void dispatchDraw(Canvas canvas) {        canvas.saveLayer(null, mPaint, Canvas.ALL_SAVE_FLAG);        super.dispatchDraw(canvas);    }}

2、在BaseActivity的onCreateView方法中做如下处理

    @Override    public View onCreateView(View parent, String name, Context context, AttributeSet attrs) {                //方案二        if("FrameLayout".equals(name)){            int attributeCount = attrs.getAttributeCount();            for (int i = 0; i < attributeCount; i++) {                String attributeName = attrs.getAttributeName(i);                String attributeValue = attrs.getAttributeValue(i);                if(attributeName.equals("id")){                    int id = Integer.parseInt(attributeValue.substring(1));                    String resourceName = getResources().getResourceName(id);                    if("android:id/content".equals(resourceName)){                        GrayFrameLayout frameLayout  = new GrayFrameLayout(this,attrs);                        return frameLayout;                    }                }            }        }
        return super.onCreateView(parent, name, context, attrs);    }

方案三

有些特殊控件需要置灰，比如webview、H5页面、视频等

1、创建一个置灰的管理类

public class GrayManager {
    private static GrayManager mInstance;    private Paint mGrayPaint;    private ColorMatrix mGrayMatrix;
    public static GrayManager getInstance() {        if (mInstance == null) {            synchronized (GrayManager.class) {                if (mInstance == null) {                    mInstance = new GrayManager();                }            }        }        return mInstance;    }
    //初始化    public void init() {        mGrayMatrix = new ColorMatrix();        mGrayPaint = new Paint();        mGrayMatrix.setSaturation(0);        mGrayPaint.setColorFilter(new ColorMatrixColorFilter(mGrayMatrix));    }

    //硬件加速置灰方法    public void setLayerGrayType(View view) {        if (mGrayMatrix == null || mGrayPaint == null) {            init();        }
        view.setLayerType(View.LAYER_TYPE_HARDWARE, mGrayPaint);    }}

2、特殊控件需要置灰的话直接调用setLayerGrayType()方法将view传进去，比如demo中让某个Activity置灰，那就在Activity里面调用：

GrayManager.getInstance().setLayerGrayType(getWindow().getDecorView());

以上三种方案都可以实现灰白模式，也是经过demo测试验证的，不过可能由于测试范围比较狭隘，所以可能还有其它情况，那就后面遇到再补充吧，今天的内容就到这里啦。

需要源码的童鞋可以在【龙旋】公众号对话框回复关键字：灰白模式，即可获取源码链接。