Material Design - 沉浸式狀態(tài)欄

1. 簡介


這節(jié)課就來講下沉浸式狀態(tài)欄,就是類似于QQ空間動態(tài)列表,往上邊滑動狀態(tài)欄顏色會不斷變色,從透明 到 藍(lán)色,往下邊滑動也會會不斷變色,又從藍(lán)色 到 透明,就是這樣的一個效果,效果如下:

2. 效果


2.1 狀態(tài)一:

圖片.png

2.2 狀態(tài)二:

圖片.png

2.3 狀態(tài)三:

圖片.png

3. 主頁狀態(tài)欄有顏色


4.4 -> API19
5.0 -> API21
在實現(xiàn)沉浸式狀態(tài)欄時這里涉及到兼容問題,就是5.0以下頭部狀態(tài)欄默認(rèn)是黑色,5.0以上是有顏色的,這個是系統(tǒng)幫我們做的處理,默認(rèn)讀取的是 values -> color -> colorPrimaryDark 這個顏色

3.1 實現(xiàn)狀態(tài)欄設(shè)置顏色

4.4以下是沒有辦法處理,因為有很多Rom廠商主要針對4.4以上處理的

具體代碼如下:

/**
 * @email :  2185134304@qq.com
 * @date :2018/2/26
 * @author : Jack-Chen
 * @Description: 設(shè)置狀態(tài)欄工具類
 *
 */
public class StatusBarUtils {

    /**
     *  4.4 -> API19  5.0 -> API21
     *
     * 給我們的 Activity 的狀態(tài)欄設(shè)置顏色
     * @param activity
     * @param color
     */
    public static void setStatusBarColor(Activity activity , int color){
        // 5.0 以上
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
            //直接調(diào)用系統(tǒng)提供的方法  setStatusBarColor()
            activity.getWindow().setStatusBarColor(color);
        }
        // 4.4 - 5.0 之間  采用一個技巧,首先把它弄成一個全屏,然后在狀態(tài)欄的部分添加一個布局
        else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
            //首先把它弄成一個全屏
            //電量、時間、網(wǎng)絡(luò)狀態(tài)都還在
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

            //在狀態(tài)欄的部分加一個布局 具體實現(xiàn)方法可以參照setContentView源碼分析 自己加一個布局(高度是狀態(tài)欄的高度)
            View view = new View(activity) ;
            ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT ,
                    getStatusBarHeight(activity)) ;
            view.setLayoutParams(params);
            view.setBackgroundColor(color);

            //  也可以直接在布局文件中的根布局 寫這個 如果你給狀態(tài)欄設(shè)置了顏色,但是布局中的內(nèi)容不見了,比如里邊只有一個HelloWorld,不見了,可以寫下邊屬性
            //  android:fitsSystemWindows="true"  這個屬性是自適應(yīng)Window 它的缺點就是如果你需要給每個Activity的布局都設(shè)置狀態(tài)欄顏色,
            //  那么你就必須給每個布局都要寫 , 太麻煩了,如果不想給每個布局都去寫,可以這樣做
            ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
            decorView.addView(view);

            // 獲取activity中setContentView布局的根布局
            ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content);
            contentView.setPadding(0,getStatusBarHeight(activity),0,0);
        }

    }


    /**
     * 獲取狀態(tài)欄的高度
     * @param activity
     * @return
     */
    private static int getStatusBarHeight(Activity activity) {
        // 實現(xiàn)方式可以參考  插件式換膚:怎么獲取資源的,先獲取資源id,根據(jù)id獲取資源
        Resources resources = activity.getResources();
        /*public int getIdentifier(String name, String defType, String defPackage)
          下邊固定3個值是根據(jù)源碼中參考的  參考插件式換膚*/
        int statusBarHeightId = resources.getIdentifier("status_bar_height", "dimen", "android");
        return resources.getDimensionPixelOffset(statusBarHeightId);
    }


    /**
     *  設(shè)置Activity全屏
     * @param activity
     */
    public static void setActivityTranslucent(Activity activity){
        // 5.0 以上
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
            View decorView = activity.getWindow().getDecorView();
            decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
            activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
        }

        // 4.4 - 5.0 之間
        else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }
}

可以在Activity的onCreate()中直接去調(diào)用即可。

具體代碼已上傳至github
https://github.com/shuai999/View_day17.git

最后編輯于
?著作權(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)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,872評論 25 709
  • 前言 首先請大家看幾張圖: 以上的效果,一般我們統(tǒng)稱為沉浸式狀態(tài)欄。其實,這種叫法不是很準(zhǔn)確,而且也沒有沉浸式狀態(tài)...
    宇是我閱讀 4,185評論 2 28
  • 附上原文作者連接:作者:金誠 一.榜單介紹 排行榜包括四大類: 單一框架:僅提供路由、網(wǎng)絡(luò)層、UI層、通信層或其他...
    這個美嘉不姓陳閱讀 2,326評論 1 35
  • 她的早餐 我的早餐 看了我的覺得她自己的不好吃。 她的中飯
    吳立閱讀 147評論 0 0
  • 1.nginx服務(wù)器的安裝 sudo apt-get install nginx 2.nginx服務(wù)器的啟動 su...
    IT小C閱讀 849評論 0 1

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