关于App置灰黑白化的探索

此文章为自我的学习感悟和总结,希望可以给大家带来帮助,如有不足,请各位大佬直接点出

相信大家都接触过黑白化的App和页面,虽然它出现的次数很少但是我们还是逃不了它的出现,现在各大App都会加入这个置灰配置,在我不知所措的时候看到了鸿洋大神的这两篇文章,让我犹如神助,建议大家可以先看看鸿洋大神的这两篇之后再来看这篇,大神两篇文章在此

↓↓↓
App 黑白化实现探索，有一行代码实现的方案吗？
App 黑白化实现探索2,发现了一种更方便的方案，我被锤了！

置灰方法

由于没有什么合适的图所以从鸿洋大神那里拿过来的效果图
↓↓↓

相信大家看完鸿洋大神的文章以后已经有所思路和感悟了,一些参数之类的我在这里就不细讲了,就大概讲一下,分别是以下两种方法:

重写draw方法:

   Paint paint = new Paint();ColorMatrix colorMatrix = new ColorMatrix();colorMatrix.setSaturation(0);mPaint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));@Overridepublic void draw(Canvas canvas) {if (paint != null) {canvas.saveLayer(null, paint , Canvas.ALL_SAVE_FLAG);super.draw(canvas);canvas.restore();} else {super.draw(canvas);}}@Overrideprotected void dispatchDraw(Canvas canvas) {if (paint != null) {canvas.saveLayer(null, paint , Canvas.ALL_SAVE_FLAG);super.dispatchDraw(canvas);canvas.restore();} else {super.dispatchDraw(canvas);}}

分为三步:

1.创建画笔和颜色矩阵
2.将颜色矩阵设置为灰色也就是Saturation赋值为0,再把颜色矩阵给画笔设上,相当于一只灰色的笔
3.重写draw方法,调用canvas的saveLayer把我们创建的画笔传进去,相当于用我们灰色的画笔将画布画灰(dispatchDraw方法为将它向下去分发绘制,它的子类都会被画灰,若只需当前页面置灰那么就不用重写此方法)

硬件加速方法:

   View rootView = inflater.inflate(R.layout.activity_main,null);Paint paint = new Paint();ColorMatrix colorMatrix = new ColorMatrix();colorMatrix.setSaturation(0);paint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));//针对某个View置灰rootView.setLayerType(View.LAYER_TYPE_HARDWARE,paint);//若想直接将Activity置灰则使用下行getWindow.getDecorView.setLayerType(View.LAYER_TYPE_HARDWARE, paint);

我一般使用它都是简单粗暴,哪个View需要置灰直接给这个View调setLayerType把你的灰色画笔放进去

也是分为三步：

1.创建画笔和矩阵
2.将颜色矩阵设置为灰色也就是Saturation赋值为0,再把颜色矩阵给画笔设上,相当于一只灰色的笔
3.给所需要的的View用setLayerType把画笔传进去

共同点：都是要首先创建画笔和颜色矩阵，将颜色矩阵设置为灰色，再将颜色矩阵赋给画笔

区别：第一个方法会影响到一些特殊的控件（如webview、H5页面、视频等）。第二个方法会依赖硬件加速，不过现在应用都会开硬件加速，其他问题暂未发现。

总结：不能说哪个方法最好，哪个方法没有任何影响，只能说两个方法各有各的优点和缺点，我们可以将两个方案放在一起使用，扬长避短，互补一下，普通页面用第一种方法，特殊控件的时候用第二种方法，混合一下。

-------------------------------------------------------分割线---------------------------------------------------------

置灰实践

思路：首先确定好使用哪种方法进行置灰，确定自己的项目中是否有特殊控件。我这里是将两种方法一起使用，先将有特殊控件的地方记录下来，再去确定其他普通页面。

首先创建一个置灰的管理类：

public class GrayManager {public static final int GRAY_SWITCH_CLOSE = 0;//未置灰public static final int GRAY_SWITCH_OPEN = 1;//置灰private static GrayManager mInstance;private int mGraySwitch;private long mStartTime;private long mEntTime;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() {mGraySwitch = SpUtil.SP.getInt(SpUtil.KEY_PAGE_GRAY_SWITCH, GRAY_SWITCH_CLOSE);mStartTime = SpUtil.SP.getLong(SpUtil.KEY_PAGE_GRAY_START_TIME, GRAY_SWITCH_CLOSE);mEntTime = SpUtil.SP.getLong(SpUtil.KEY_PAGE_GRAY_END_TIME, GRAY_SWITCH_CLOSE);if (!isShowTime(mStartTime, mEntTime)) {mGraySwitch = GRAY_SWITCH_CLOSE;}mGrayMatrix = new ColorMatrix();mGrayPaint = new Paint();mGrayMatrix.setSaturation(0);mGrayPaint.setColorFilter(new ColorMatrixColorFilter(mGrayMatrix));}//获取置灰开关public int getGraySwitch() {return mGraySwitch;}//更新数据private void updateData(int grayType, long startTime, long endTime) {SpUtil.SP.applyInt(SpUtil.KEY_PAGE_GRAY_SWITCH, grayType);SpUtil.SP.applyLong(SpUtil.KEY_PAGE_GRAY_START_TIME, startTime);SpUtil.SP.applyLong(SpUtil.KEY_PAGE_GRAY_END_TIME, endTime);}//设置置灰数据public void setServerGray(GrayBean bean) {if (bean != null && isShowTime(bean.getStartTime(), bean.getEndTime())) {updateData(bean.getType(), bean.getStartTime() , bean.getEndTime());} else {updateData(GRAY_SWITCH_CLOSE, 0 , 0);}}//硬件加速置灰方法public void setLayerGrayType(View view) {if (mGrayMatrix == null || mGrayPaint == null) {init();}if (mGraySwitch == GRAY_SWITCH_OPEN ){view.setLayerType(View.LAYER_TYPE_HARDWARE,mGrayPaint);}}//判断是指定时间生效还是永久生效private boolean isShowTime(Long startTime, Long endTime) {long time = System.currentTimeMillis();return startTime < time && endTime > time;}//获取灰色画笔public Paint getGrayPaint() {if (mGrayPaint != null && mGrayMatrix != null && mGraySwitch == GRAY_SWITCH_OPEN){return mGrayPaint;}return new Paint();}
}

这是一个置灰管理类，我这里用SP存储去存所获取的数据，也加入了生效时间的判断，大家可以根据各自的需求去写，我把第二个方法，也就是硬件加速的置灰放到了这个类里面，哪个特殊控件需要置灰的话直接调用setLayerGrayType()方法将view传进去就ok。
比如我想让某个Fragment置灰，那我就在Fragment里面调用：

GrayManager.getInstance.setLayerGrayType(getRootView())

创建自定义的置灰View(根据需求创建，这里只展示FrameLayout)：

public class GrayFrameLayout extends FrameLayout{private Paint mPaint;public GrayFrameLayout(Context context, AttributeSet attrs) {super(context, attrs);setGray();}private void setGray() {if (GrayManager.getInstance.getGraySwitch() == GrayManager.GRAY_SWITCH_OPEN) {mPaint = new Paint();ColorMatrix colorMatrix = new ColorMatrix();colorMatrix.setSaturation(0);mPaint.setColorFilter(new ColorMatrixColorFilter(colorMatrix));} else {mPaint = null;}}@Overridepublic void draw(Canvas canvas) {if (mPaint != null) {canvas.saveLayer(null, mPaint, Canvas.ALL_SAVE_FLAG);super.draw(canvas);canvas.restore();} else {super.draw(canvas);}}@Overrideprotected void dispatchDraw(Canvas canvas) {if (mPaint != null) {canvas.saveLayer(null, mPaint, Canvas.ALL_SAVE_FLAG);super.dispatchDraw(canvas);canvas.restore();} else {super.dispatchDraw(canvas);}}
}

之后哪里需要置灰直接把布局换成这个就可以，比较简单，大家可以根据需求创建对应的view和逻辑

总结：目前基本上是这个样子吧，普通页面呢就将布局替换为自定义的，特殊控件呢就调用Manager内的方法。

注意：置灰只是绘制当前页面，遇到截图时截图是未置灰的（非系统截图，如侧滑返回时上个页面在滑动时未置灰），所以我在Manager类里面增加了灰色画笔，若截图是使用Paint和Canvas绘制的那么可以调用GrayManager.getInstance().getGrayPaint(),将此画笔传入Canvas。

若大佬们有更好的方案和方法去进行置灰处理记得告诉我哦~