Android實現(xiàn)設(shè)置灰白模式效果

細心點的童鞋會發(fā)現(xiàn),到特殊節(jié)日比如清明節(jié)這天很多App都設(shè)置了符合主題的灰白模式,比如京東,如圖所示:

我們再來看看最終實現(xiàn)的效果圖:

那我們今天就介紹三種方案全局設(shè)置灰白模式:

方案一:

這也是我回復這位童鞋的方案:給Activity的頂層View設(shè)置置灰,實現(xiàn)全局置灰效果,下面我們來看看具體的實現(xiàn)過程。

可以在BaseActivity的onCreate方法中,使用ColorMatrix設(shè)置灰度

    @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);
    }

這樣就可以實現(xiàn)啦,這種方式還是比較簡單的。

方案二:

該方法使用自定義layout,在dispatchdraw方法的時候,添加一層黑白色的bitmap,讓界面開起來成為黑白模式。但是缺點明顯,應(yīng)用比較卡頓。

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、創(chuàng)建一個置灰的管理類


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、特殊控件需要置灰的話直接調(diào)用setLayerGrayType()方法將view傳進去,比如demo中讓某個Activity置灰,那就在Activity里面調(diào)用:

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

以上三種方案都可以實現(xiàn)灰白模式,也是經(jīng)過demo測試驗證的,不過可能由于測試范圍比較狹隘,所以可能還有其它情況,那就后面遇到再補充吧,今天的內(nèi)容就到這里啦。

需要源碼的童鞋可以在【龍旋】公眾號對話框回復關(guān)鍵字:灰白模式,即可獲取源碼鏈接。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容