安卓沉浸式式效果研究(一):狀態(tài)欄的顏色改變

最近在做有關(guān)于安卓的登陸界面刀疙,這里就涉及了一些沉浸式的效果。打算邊做研究邊寫博客湃交,首先第一個遇到的就是狀態(tài)欄的顏色改變的挑戰(zhàn)熟空。
看了一些博客和官方的文檔,這里又分為三個部分搞莺。

一:4.4以下的安卓手機(jī)

4.4以下的手機(jī)并不支持狀態(tài)欄的改變息罗,這里提一下就好。

二:5.0以上的安卓手機(jī)

在5.0以上才沧,谷歌推出了一個UI設(shè)計方式叫做material design迈喉,這里面提及到了沉浸式效果绍刮,也給出了幾種方法去進(jìn)行實現(xiàn)。

1.代碼實現(xiàn)

5.0以上我們直接獲取窗口然后進(jìn)行set就可以了挨摸。

    public static void setStatusBarColorToLOLLIPOP(Activity activity, int statusColor){
        Window window = activity.getWindow();
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        window.setStatusBarColor(statusColor);
    }

這里有個坑是孩革,如果你是設(shè)定狀態(tài)欄為白色的話,狀態(tài)欄文字也是白色的油坝,這回導(dǎo)致看不到內(nèi)容嫉戚,所以我們需要修改一下狀態(tài)欄文字的顏色。
這里也分為幾種方式(根據(jù)別人博客收集澈圈,感謝互聯(lián)網(wǎng)的資料共享)
分為谷歌原生以及小米和魅族手機(jī)的方式彬檀。
原生方式如下:

  /**
   * 狀態(tài)欄的修改顏色,實際上就是改變decorview的狀態(tài)位
   * @param activity
   * @param dark
   */
  private static void setAndroidNativeLightStatusBar(Activity activity, boolean dark) {
      View decor = activity.getWindow().getDecorView();
      if (dark) {
          decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
      } else {
          decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
      }
  }

這里實際上是DecorView的標(biāo)志位進(jìn)行切換:
View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR和
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
dark標(biāo)識是否為黑瞬女,如果為黑則從LIGHT轉(zhuǎn)到下面窍帝。亮則相反。
在其他博客中我看到說這個方式其實是有個bug的诽偷,因FLAG_LAYOUT_FULLSCREEN這個標(biāo)識是一只會攜帶著的坤学,所以會出現(xiàn)默認(rèn)界面會變成全屏模式。需要進(jìn)行設(shè)置(但是目前我的登陸ui并沒有出現(xiàn)這樣的問題报慕。所以暫時先放出他的解決方案)

此處放出對方的博客鏈接:http://www.reibang.com/p/7392237bc1de(接下來的大部分代碼都由此而來深浮。)
需要在根布局中設(shè)置FitsSystemWindows屬性為true,或在基類的 process方法中加入如下的代碼眠冈。

@Override
protected void process(Bundle savedInstanceState) {
    // 華為,OPPO機(jī)型在StatusBarUtil.setLightStatusBar后布局被頂?shù)綘顟B(tài)欄上去了
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        View content = ((ViewGroup) findViewById(android.R.id.content)).getChildAt(0);
        if (content != null && !isUseFullScreenMode()) {
            content.setFitsSystemWindows(true);
        }
    }
}
android:fitsSystemWindows="true"

二: 小米方面依舊參考對方的代碼:

public static boolean MIUISetStatusBarLightMode(Activity activity, boolean dark) {
    boolean result = false;
    Window window = activity.getWindow();
    if (window != null) {
        Class clazz = window.getClass();
        try {
            int darkModeFlag = 0;
            Class layoutParams = Class.forName("android.view.MiuiWindowManager$LayoutParams");
            Field field = layoutParams.getField("EXTRA_FLAG_STATUS_BAR_DARK_MODE");
            darkModeFlag = field.getInt(layoutParams);
            Method extraFlagField = clazz.getMethod("setExtraFlags", int.class, int.class);
            if (dark) {
                extraFlagField.invoke(window, darkModeFlag, darkModeFlag);//狀態(tài)欄透明且黑色字體
            } else {
                extraFlagField.invoke(window, 0, darkModeFlag);//清除黑色字體
            }
            result = true;

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M && RomUtils.isMiUIV7OrAbove()) {
                //開發(fā)版 7.7.13 及以后版本采用了系統(tǒng)API飞苇,舊方法無效但不會報錯,所以兩個方式都要加上
                if (dark) {
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
                } else {
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                }
            }
        } catch (Exception e) {

        }
    }
    return result;
}

這里是開發(fā)版 7.7.13以下的MIUI蜗顽,沒有使用系統(tǒng)的API布卡,所以會出現(xiàn)這個問題。
大致思路通過反射獲取Miui的類雇盖,然后再通過這個類進(jìn)行方法的使用忿等。
三:魅族手機(jī)的思路同樣和小米一樣,通過反射獲取崔挖。

private static boolean setFlymeLightStatusBar(Activity activity, boolean dark) {
    boolean result = false;
    if (activity != null) {
        try {
            WindowManager.LayoutParams lp = activity.getWindow().getAttributes();
            Field darkFlag = WindowManager.LayoutParams.class
                    .getDeclaredField("MEIZU_FLAG_DARK_STATUS_BAR_ICON");
            Field meizuFlags = WindowManager.LayoutParams.class
                    .getDeclaredField("meizuFlags");
            darkFlag.setAccessible(true);
            meizuFlags.setAccessible(true);
            int bit = darkFlag.getInt(null);
            int value = meizuFlags.getInt(lp);
            if (dark) {
                value |= bit;
            } else {
                value &= ~bit;
            }
            meizuFlags.setInt(lp, value);
            activity.getWindow().setAttributes(lp);
            result = true;
        } catch (Exception e) {
        }
    }
    return result;
}

至于判斷手機(jī)型號的方法則不討論了贸街,網(wǎng)上可進(jìn)行查找。

4.4-5.0安卓手機(jī)適配

思路:修改狀態(tài)欄為透明之后狸相,在布局中添加一個背景為期望色值的View來作為狀態(tài)欄的填充匾浪。
當(dāng)然,以下代碼是簡略的實現(xiàn)卷哩。

  /**
   * 4.4 - 5.0屏幕狀態(tài)欄顏色修改
   * 思路:修改狀態(tài)欄為透明之后蛋辈,在布局中添加一個背景為期望色值的View來作為狀態(tài)欄的填充。
   * @param activity
   * @param statusColor
   */
  public static void setStatusBarColor(Activity activity, int statusColor){
      Window window = activity.getWindow();
      /*設(shè)置Window為全透明
       *Field requires API level 19 (current min is 17)
       */
      window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
      //獲取狀態(tài)欄高度
      int statusBarHeight = getStatusBarHeight(activity);

      //如果已經(jīng)存在假狀態(tài)欄則移除,防止重復(fù)添加
      removeFakeStatusBarViewIfExist(activity);
      //添加一個View來作為狀態(tài)欄的填充
      ViewGroup decorViewGroup = (ViewGroup) window.getDecorView();
      View statusBarView = new View(window.getContext());
      FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, statusBarHeight);
      params.gravity = Gravity.TOP;
      statusBarView.setLayoutParams(params);
      statusBarView.setBackgroundColor(statusColor);
      decorViewGroup.addView(statusBarView);
  }

這里會出現(xiàn)一個問題冷溶,就是有條大黑邊渐白。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市逞频,隨后出現(xiàn)的幾起案子纯衍,更是在濱河造成了極大的恐慌,老刑警劉巖苗胀,帶你破解...
    沈念sama閱讀 221,430評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件襟诸,死亡現(xiàn)場離奇詭異,居然都是意外死亡基协,警方通過查閱死者的電腦和手機(jī)歌亲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來澜驮,“玉大人陷揪,你說我怎么就攤上這事≡忧睿” “怎么了悍缠?”我有些...
    開封第一講書人閱讀 167,834評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長耐量。 經(jīng)常有香客問我飞蚓,道長,這世上最難降的妖魔是什么廊蜒? 我笑而不...
    開封第一講書人閱讀 59,543評論 1 296
  • 正文 為了忘掉前任趴拧,我火速辦了婚禮,結(jié)果婚禮上劲藐,老公的妹妹穿的比我還像新娘八堡。我一直安慰自己樟凄,他們只是感情好聘芜,可當(dāng)我...
    茶點故事閱讀 68,547評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著缝龄,像睡著了一般汰现。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上叔壤,一...
    開封第一講書人閱讀 52,196評論 1 308
  • 那天瞎饲,我揣著相機(jī)與錄音,去河邊找鬼炼绘。 笑死嗅战,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播驮捍,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼疟呐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了东且?” 一聲冷哼從身側(cè)響起启具,我...
    開封第一講書人閱讀 39,671評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎珊泳,沒想到半個月后鲁冯,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,221評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡色查,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,303評論 3 340
  • 正文 我和宋清朗相戀三年薯演,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片综慎。...
    茶點故事閱讀 40,444評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡涣仿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出示惊,到底是詐尸還是另有隱情好港,我是刑警寧澤,帶...
    沈念sama閱讀 36,134評論 5 350
  • 正文 年R本政府宣布米罚,位于F島的核電站钧汹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏录择。R本人自食惡果不足惜拔莱,卻給世界環(huán)境...
    茶點故事閱讀 41,810評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望隘竭。 院中可真熱鬧塘秦,春花似錦、人聲如沸动看。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽菱皆。三九已至须误,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間仇轻,已是汗流浹背京痢。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留篷店,地道東北人祭椰。 一個月前我還...
    沈念sama閱讀 48,837評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親方淤。 傳聞我的和親對象是個殘疾皇子侣监,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,455評論 2 359

推薦閱讀更多精彩內(nèi)容