Android 沉浸式解析和輪子使用

前言

咱們先一塊兒來回顧一下實現沉浸式狀態欄的通常套路。在Android上,關於對StatusBar(狀態欄)的操做,一直都在不斷改善,而且表現愈來愈好,在Android4.4 如下,咱們能夠對StatusBar和 NavigationBar進行顯示和隱藏操做。可是直到Android4.4,咱們才能真正意義上的實現沉浸式狀態欄。從Android4.4 到如今(Android 9),關於沉浸式大概能夠分紅三個階段:android

  • Android4.4(API 19) - Android 5.0(API 21): 這個階段能夠實現沉浸式,可是表現得還不是很好,實現方式爲: 經過FLAGTRANSLUCENTSTATUS設置狀態欄爲透明而且爲全屏模式,而後經過添加一個與StatusBar 同樣大小的View,將View 的 background 設置爲咱們想要的顏色,從而來實現沉浸式。
  • Android 5.0(API 21)以上版本: 在Android 5.0的時候,加入了一個重要的屬性和方法 android:statusBarColor (對應方法爲 setStatusBarColor),經過這個方法咱們就能夠輕鬆實現沉浸式。也就是說,從Android5.0開始,系統才真正的支持沉浸式。
  • Android 6.0(API 23)以上版本:其實Android6.0以上的實現方式和Android 5.0 +是同樣,爲何要將它歸爲一個單獨重要的階段呢?是由於從Android 6.0(API 23)開始,咱們能夠改狀態欄的繪製模式,能夠顯示白色或淺黑色的內容和圖標(除了魅族手機,魅族自家有作源碼更改,6.0如下就能實現)。

總結:這三個階段的Android上API版本混亂,各類Flag林立。再加上各大廠商的定製化可謂是火上澆油,讓安卓開發者異常頭疼。git

1.沉浸式三個階段使用

咱們將從沉浸式支持的三個階段和支持的功能出發,去了解出現的相關背景,而後去了解怎麼實現三個階段的沉浸式。github

1.1 Android4.0-Android5.0設置沉浸體驗

在android4.4及以上版本中爲 setSystemUiVisibility() 方法引入了一個新的flag:SYSTEMUIFLAGIMMERSIVE,它可使你的app實現真正意義上的全屏體驗。當SYSTEMUIFLAGIMMERSIVE、SYSTEMUIFLAGHIDENAVIGATION 和SYSTEMUIFLAG_FULLSCREEN三個flag一塊兒使用的時候,能夠隱藏狀態欄與導航欄,同時讓你的app能夠捕捉到用戶的全部觸摸屏事件。**從Android4.4以上版本纔是真正的能夠設置沉浸式體驗,但也僅僅是操做狀態欄和導航欄的顯示與隱藏**。api

1.1.1 FLAGTRANSLUCENTSTATUS

當沉浸式全屏模式啓用的時候,你的activity會繼續接受各種的觸摸事件。用戶能夠經過在狀態欄與導航欄原來區域的邊緣向內滑動讓系統欄從新顯示。這個操做清空了SYSTEMUIFLAGHIDENAVIGATIONSYSTEMUIFLAG_FULLSCREEN,若是沒有兩個標誌的話,系統欄從新變得可見。若是設置了兩個標籤的話,這個操做同時也觸發了View.OnSystemUiVisibilityChangeListener。然而, 若是你想讓系統欄在一段時間後自動隱藏的話,你應該使用SYSTEMUIFLAGIMMERSIVESTICKY標籤app

展現了各類不一樣的「沉浸式」狀態imageide

在上圖中:佈局

  • 非沉浸模式 —— 展現了應用進入沉浸模式以前的狀態。也展現了設置IMMERSIVE標籤後用戶滑動展現系統欄的狀態。用戶滑動後,SYSTEMUIFLAGHIDENAVIGATIONSYSTEMUIFLAG_FULLSCREEN就會被清除,系統欄就會從新顯示並保持可見。請注意,最好的方式就是讓全部的UI控件與系統欄的顯示隱藏保持同步,這樣能夠減小屏幕顯示所處的狀態,同時提供了更無縫平滑的用戶體驗。所以全部的UI控件跟隨系統欄一同顯示。一旦應用進入了沉浸模式,UI控件也跟隨着系統欄一同隱藏。爲了確保UI的可見性與系統欄保持一致,咱們須要一個監聽器View.OnSystemUiVisibilityChangeListener來監聽系統欄的變化。這在下一節中將詳細講解。
  • 提示氣泡——第一次進入沉浸模式時,系統將會顯示一個提示氣泡,提示用戶如何再讓系統欄顯示出來。請注意,若是爲了測試你想強制顯示提示氣泡,你能夠先將應用設爲沉浸模式,而後按下電源鍵進入鎖屏模式,並在5秒中以後打開屏幕。
  • 沉浸模式—— 這張圖展現了隱藏了系統欄和其餘UI控件的狀態。你能夠設置IMMERSIVE和IMMERSIVE_STICKY來進入這個狀態。
  • 粘性標籤——這就是你設置了IMMERSIVE_STICKY標籤時的UI狀態,用戶會向內滑動以展現系統欄。半透明的系統欄會臨時的進行顯示,一段時間後自動隱藏。滑動的操做並不會清空任何標籤,也不會觸發系統UI可見性的監聽器,由於暫時顯示的導航欄並不被認爲是一種可見的狀態。

注意,immersive類的標籤只有在與SYSTEMUIFLAGHIDENAVIGATION,SYSTEMUIFLAG_FULLSCREEN中一個或兩個一塊兒使用的時候纔會生效。你能夠只使用其中的一個,可是通常狀況下你須要同時隱藏狀態欄和導航欄以達到沉浸的效果。測試

1.1.2 兩種使用這個屬性的方式:

  • 在使用時候,咱們一般須要考慮的是狀態欄一值顯示在頂部而不會隱藏或者被遮擋(其餘app狀況如:讀書app或者是遊戲app則須要隱藏頂部狀態欄),因此只須要經過代碼設置FLAGTRANSLUCENTSTATU
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);複製代碼

  • 經過主題theme設置屬性windowTranslucentStatus:
<style name="Theme" parent="Theme.Design.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">true</item>
    </style>複製代碼

效果以下:image字體

效果如上圖,能夠看出,沉浸式的效果是出來了,可是也有一個問題,咱們的標題欄和狀態欄重疊了,至關於整個佈局上移了StatusBar 的高度。ui

爲了讓標題欄回到原來的位置而且適應標題欄的顏色,咱們在標題欄的上方添加一個大小和StatusBar大小同樣假的狀態欄View,View 的BackgroundColor 能夠本身設置成標題欄同樣的顏色也能夠是其餘顏色,這個View起到一個佔位的做用。這個時候,標題欄就會下移StatusBar的高度,回到正常的位置。

經過設置paddingTop從新繪製標題欄高度代碼以下:

View statusBarView = mDecorView.findViewById(IMMERSION_STATUS_BAR_VIEW);
        if (statusBarView == null) {
            statusBarView = new View(mActivity);
            FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,
                    mBarConfig.getStatusBarHeight());
            params.gravity = Gravity.TOP;
            statusBarView.setLayoutParams(params);
            statusBarView.setVisibility(View.VISIBLE);
            statusBarView.setId(IMMERSION_STATUS_BAR_VIEW);
            mDecorView.addView(statusBarView);
        }
        if (mBarParams.statusBarColorEnabled) {
            statusBarView.setBackgroundColor(ColorUtils.blendARGB(mBarParams.statusBarColor,
                    mBarParams.statusBarColorTransform, mBarParams.statusBarAlpha));
        } else {
            statusBarView.setBackgroundColor(ColorUtils.blendARGB(mBarParams.statusBarColor,
                    Color.TRANSPARENT, mBarParams.statusBarAlpha));
        }複製代碼

添加上述代碼後,效果以下:

image

經過以上就能夠實現Android 4.4 上的沉浸式狀態欄。

小結:Android4.4-Android5.0的步驟就是爲window添加FLAGTRANSLUCENTSTATUS的Flag,而後添加一個假的狀態欄,經過上述方法設置的沉浸式在Android4.4-Android5.0之間的效果如貼圖,狀態欄頂部是有一個黑色陰影漸變,在5.0版本版本以上被修復了。

若是是一張圖片沉浸到狀態欄則不須要設置這個假的狀態欄,只須要設置,FLAGTRANSLUCENTSTATUS就OK。而且在Android4.4-Android5.0是沒有提供改變狀態顏色的屬性,因此只能經過新增長一個假的狀態欄方式改變背景顏色。

1.2 Android5.0以上設置狀態欄背景顏色

Android 5.0 是一個里程碑式的版本,從Android 5.0開始,Google 推出了全新的設計規範 Material Design,而且原生控件就能夠實現一些炫酷的UI動效。從這個版本開始,google 加入了一個比較重要的方法setStatusBarColor (對應屬性:android:statusBarColor),經過這個方法,能夠很輕鬆地實現沉浸式狀態欄。方法以下

public abstract void setStatusBarColor(@ColorInt int color);複製代碼

注意看這個方法的註釋,想要這個方法生效,必須還要配合一個Flag一塊兒使用,必須設置FLAGDRAWSSYSTEMBARBACKGROUNDS ,而且不能設置FLAGTRANSLUCENTSTATUS(Android 4.4才用這個),因此和4.4互斥不能共用。因此Android5.0以上能夠設置狀態欄和導航欄字體顏色

1.2.1 FLAGDRAWSSYSTEMBARBACKGROUNDS屬性

解釋:設置了FLAGDRAWSSYSTEMBARBACKGROUNDS,代表會Window負責系統bar的background 繪製,繪製透明背景的系統bar(狀態欄和導航欄),而後用getStatusBarColor()和getNavigationBarColor()的顏色填充相應的區域。這就是Android 5.0 以上實現沉浸式導航欄的原理。

實現沉浸式添加以下代碼:

getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    //注意要清除 FLAG_TRANSLUCENT_STATUS flag
    getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    getWindow().setStatusBarColor(getResources().getColor(android.R.color.holo_red_light));複製代碼

效果以下:image

若是在開發的時候是經過設置主題的方式設置,則須要在values-v21文件夾下添加以下主題,達到兼容目的

<style name="Theme" parent="Theme.Design.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">false</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@android:color/holo_red_light</item>
    </style>複製代碼

1.2.2 圖片延伸到狀態欄

在Android 5.0 使圖片延伸到狀態欄,只需設置windowTranslucentStatus,將 statusBarColor 設置爲透明便可。主題方式設置以下:

<style name="ImageTranslucentTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:windowTranslucentStatus">true</item>
        <!-- 設置statusBarColor 爲透明-->
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>複製代碼

在開發過程當中,使用代碼設置windowTranslucentStatus須要經過版本號的判斷兼容 Android5.0如下和Android 5.0以上。

1.3 Android 6.0 +實現狀態欄字色和圖標淺黑色

使用Android6.0如下版本沉浸式的時候會遇到一個問題,那就是Android 系統狀態欄的字色和圖標顏色爲白色,當狀態欄顏色接近淺色的時候,狀態欄上的內容就看不清了。Android 6.0 新添加了一個屬性來解決這個問題,屬性是SYSTEMUIFLAGLIGHTSTATUS_BAR

1.3.1 SYSTEMUIFLAGLIGHTSTATUS_BAR

image

解釋:爲setSystemUiVisibility(int)方法添加的Flag,請求status bar 繪製模式,它能夠兼容亮色背景的status bar 。要在設置了FLAGDRAWSSYSTEMBARBACKGROUNDSflag ,同時清除了FLAGTRANSLUCENTSTATUSflag 纔會生效。

經過代碼設置:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            getWindow().getDecorView().setSystemUiVisibility(
                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
}複製代碼

效果以下image而且還能夠在主題中使用屬性,而且該主題須要放在values-v23文件夾下相應Android6.0以上才能生效:

<style name="Theme" parent="Theme.Design.Light.NoActionBar">
        <item name="android:windowTranslucentStatus">false</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@android:color/holo_red_light</item>
        <!-- Android 6.0以上 狀態欄字色和圖標爲淺黑色-->
        <item name="android:windowLightStatusBar">true</item>
    </style>複製代碼

2. ZanImmersionBar輪子的原理和使用

在實際開發過程當中,咱們不只僅只會遇到以上三種版本兼容問題,還須要考慮如:不一樣手機品牌,動態該狀態欄背景,以及Fragment中須要有本身的狀態欄顏色場景。因此須要綜合考慮多種場景,達到能適配多種開發狀況的要求。總結出如下場景:

image

綜合以上場景而且參考github例子進行封裝以後獲得了ZanImmersionBar這個輪子

2.1 原理:

咱們但願將設置沉浸式效果都封裝在一個類裏面,想達到全部的效果經過一個方法設置,但不少的效果中都會有重複的設置步驟,而且每一個效果的方法太多則分不清使用哪一個,因此將設置沉浸式效果拆分紅幾個步驟,而想要設置個性效果,經過方法設置參數,最後經過init方法收集全部參數讓後統一設置參數屬性。

ZanImmersionBar.with(this).init();//該方法將進行如下步驟處理沉浸式
public void init() {
        //更新Bar的參數
        updateBarParams();
        //設置沉浸式
        setBar();
        //適配狀態欄與佈局重疊問題
        fitsLayoutOverlap();
        //適配軟鍵盤與底部輸入框衝突問題
        fitsKeyboard();
        //變色view
        transformView();
    }複製代碼

沉浸式設置流程以下圖:

image

這幾個步驟其中,獲取參數和設置沉浸式是必須通過,下面三種設置是在開發中可能遇到的狀況,也是設置參數,若是匹配到了則會進行三種設置的處理,接下來主要分析下第一個步驟和第二步驟。

2.1.1 收集bar參數

咱們使用一個對象用於存儲用戶設置的bar參數,這些參數有狀態欄和導航欄顏色、透明度、顯示隱藏等等,經過該對象中的參數來分別設置

public class BarParams implements Cloneable {
    /**
     * 狀態欄顏色
     */
    @ColorInt
    int statusBarColor = Color.TRANSPARENT;
    /**
     * 導航欄顏色
     */
    @ColorInt
    int navigationBarColor = Color.BLACK;
    /**
     * The Default navigation bar color.
     */
    int defaultNavigationBarColor = Color.BLACK;
    /**
     * 狀態欄透明度
     */
    @FloatRange(from = 0f, to = 1f)
    float statusBarAlpha = 0.0f;
    /**
     * 導航欄透明度
     */
    @FloatRange(from = 0f, to = 1f)
    float navigationBarAlpha = 0.0f;
      //等其餘屬性
    ...
}複製代碼

而這些屬性能夠經過如下ZanImmersionBar提供的方法進行個性化設置,而這些方法只是將須要設置的參數添加到BarParams對象中,最後必須調用init將參數設置上去。

ZanImmersionBar.with(this)
             .transparentStatusBar()  //透明狀態欄,不寫默認透明色
             .transparentNavigationBar()  //透明導航欄,不寫默認黑色(設置此方法,fullScreen()方法自動爲true)
             .transparentBar()             //透明狀態欄和導航欄,不寫默認狀態欄爲透明色,導航欄爲黑色(設置此方法,fullScreen()方法自動爲true)
             .statusBarColor(R.color.colorPrimary)     //狀態欄顏色,不寫默認透明色
             .navigationBarColor(R.color.colorPrimary) //導航欄顏色,不寫默認黑色
             .barColor(R.color.colorPrimary)  //同時自定義狀態欄和導航欄顏色,不寫默認狀態欄爲透明色,導航欄爲黑色
             .statusBarAlpha(0.3f)  //狀態欄透明度,不寫默認0.0f
             .navigationBarAlpha(0.4f)  //導航欄透明度,不寫默認0.0F
             .barAlpha(0.3f)  //狀態欄和導航欄透明度,不寫默認0.0f
             .statusBarDarkFont(true)   //狀態欄字體是深色,不寫默認爲亮色
             .navigationBarDarkIcon(true) //導航欄圖標是深色,不寫默認爲亮色
                           //等一些其餘方法
             .init();  //必須調用方可沉浸式複製代碼

設置完參數後,則須要收集這些參數,若是在Fragment中使用,則須要Activity同步Fragment的BarParams參數

//得到Bar相關信息
//若是在Fragment中使用,讓Activity同步Fragment的BarParams參數
if (mIsFragment) {
    ZanImmersionBar immersionBar = mImmersionBarMap.get(mActivity.toString());
    if (immersionBar != null) {
        immersionBar.mBarParams = mBarParams;
    }
}複製代碼

mImmersionBarMap是個Map,用於存儲每一個Activity對應的ZanImmersionBar對象

  • 原理:其實咱們經過沉浸式三代發展史,咱們能夠知道設置沉浸式都是經過改變Activity的window屬性達到沉浸式,因此咱們想要在Fragment的定製化沉浸式,實際上是經過改變Activity的BarParams參數再設置Activity的沉浸式,因此須要注意對Fragment設置沉浸式前必須保證加載Fragment的Activity先進行了ZanImmersionBar的init初始化。
  • 另例:須要注意dialogFragment和Dialog是有本身的window,該window是屬於所屬Activity的子window,因此設置dialogFragment和Dialog的沉浸式改變的是本身window裏的屬性,而不是改變Actvity的window裏的屬性。
  • 關閉銷燬:在activity的onDestroy方法中執行,由於mImmersionBarMap存儲了每一個Activity對應的ZanImmersionBar對象,因此當Activity關閉了須要及時釋放,否則mImmersionBarMap會存在過多無用的ZanImmersionBar對象。
ZanImmersionBar.with(this).destroy(); //必須調用該方法,防止內存泄漏
   public void destroy() {
          //取消監聽
          cancelListener();
          //刪除當前界面對應的ImmersionBar對象
          Iterator<Map.Entry<String, ZanImmersionBar>> iterator = mImmersionBarMap.entrySet().iterator();
          while (iterator.hasNext()) {
              Map.Entry<String, ZanImmersionBar> entry = iterator.next();
              if (entry.getKey().contains(mImmersionBarName) || (entry.getKey().equals(mImmersionBarName))) {
                  iterator.remove();
              }
          }
      }複製代碼

2.1.2 初始化狀態欄和導航欄

​ 該方法則是將上一步的參數進行初始化,初始化過程則會根據沉浸式三個階段和不一樣廠商進行區分設置。須要注意小米手機系統有本身定製化設置的屬性,因此須要分區設置

private void setBar() {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP && !OSUtils.isEMUI3_x()) {
            //適配劉海屏
            fitsNotchScreen();
            //初始化5.0以上,包含5.0
            uiFlags = initBarAboveLOLLIPOP(uiFlags);
            //android 6.0以上設置狀態欄字體爲暗色
            uiFlags = setStatusBarDarkFont(uiFlags);
            //android 8.0以上設置導航欄圖標爲暗色
            uiFlags = setNavigationIconDark(uiFlags);
        } else {
            //初始化5.0如下,4.4以上沉浸式
            initBarBelowLOLLIPOP();
        }
             ...    
    }
    if (OSUtils.isMIUI6Later()) {
        //修改miui狀態欄字體顏色
        setMIUIBarDark(mWindow, MIUI_STATUS_BAR_DARK, mBarParams.statusBarDarkFont);
        //修改miui導航欄圖標爲黑色
        if (mBarParams.navigationBarEnable) {
            setMIUIBarDark(mWindow, MIUI_NAVIGATION_BAR_DARK, mBarParams.navigationBarDarkIcon);
        }
    }
    ...
}複製代碼

咱們能夠重點看下5.0以上狀態欄和導航欄初始化,設置初始化window屬性讓後設置導航欄和狀態欄顏色

@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
private int initBarAboveLOLLIPOP(int uiFlags) {
    //Activity全屏顯示,但狀態欄不會被隱藏覆蓋,狀態欄依然可見,Activity頂端佈局部分會被狀態欄遮住。
    uiFlags |= View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
    mWindow.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    //判斷是否存在導航欄
    if (mBarConfig.hasNavigationBar()) {
        mWindow.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    }
    //須要設置這個才能設置狀態欄和導航欄顏色
    mWindow.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    //設置狀態欄顏色
    if (mBarParams.statusBarColorEnabled) {
        mWindow.setStatusBarColor(ColorUtils.blendARGB(mBarParams.statusBarColor,
                mBarParams.statusBarColorTransform, mBarParams.statusBarAlpha));
    } else {
        mWindow.setStatusBarColor(ColorUtils.blendARGB(mBarParams.statusBarColor,
                Color.TRANSPARENT, mBarParams.statusBarAlpha));
    }
      ...
    return uiFlags;
}複製代碼

經過代碼分析能夠看到其實ZanImmersionBar所作的事情就是將設置沉浸式方法進行步驟拆分和增長個性屬性設置,而且將沉浸式三個階段和不一樣廠商進行區分獨立方法設置調用。

2.2 建議和使用

  • 建議在BaseActivity中初始化和銷燬
public class BaseActivity extends AppCompatActivity {
  
         @Override
         protected void onCreate(@Nullable Bundle savedInstanceState) {
             super.onCreate(savedInstanceState);
             // 全部子類都將繼承這些相同的屬性,請在設置界面以後設置
             ZanImmersionBar.with(this).init();  
         }
         @Override
         protected void onDestroy() {
             super.onDestroy();
             // 必須調用該方法,防止內存泄漏
             ZanImmersionBar.with(this).destroy();  
         }
     }複製代碼

  • 展現Activity中使用效果
    image

2.3在Fragment使用ZanImmersionBar

注意在Fragment中使用ZanImmersionBar須要在承載的Activity中初始化ZanImmersionBar,否則會拋出異常

public abstract class BaseFragment{
         @Override
        public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
             super.onViewCreated(view, savedInstanceState);
             initImmersionBar();
    }
         @Override
       public void initImmersionBar() {
            ZanImmersionBar.with(this).keyboardEnable(true).init();
        }
    }
複製代碼

具體的Fragment調用如下方法:

@Override
    public void initImmersionBar() {
        super.initImmersionBar();
        ZanImmersionBar.with(this)
                .statusBarDarkFont(true)
                .statusBarColor(R.color.btn1)
                .navigationBarColor(R.color.btn1)
                .init();
    }複製代碼

  • 設置Fragment的狀態欄顏色和狀態欄字體顏色效果
    image

2.4 在Dialog中實現沉浸式

在Dialog中設置ZanImmersionBar方式和在Fragment或者Activity同樣,若是在Fragment或者Activity中有設置而且dialog出現不須要改變狀態欄則不用設置ZanImmersionBar,若是須要作定製化上面的高級用法在Dialog也支持

  • 結合dialogFragment中使用
ZanImmersionBar.with(this).init();複製代碼

  • 其餘dialog
ZanImmersionBar.with(this, dialog).init();複製代碼

image

2.5 在PopupWindow中實現沉浸式

重點是調用如下方法,可是此方法會致使有導航欄的手機底部佈局會被導航欄覆蓋,還有底部輸入框沒法根據軟鍵盤彈出而彈出。這個屬性在頂部彈出的時候是須要使用,若是是底部彈框須要看狀況而定。

popupWindow.setClippingEnabled(false);複製代碼

2.6 狀態欄與佈局頂部重疊解決方案,六種方案任選其一(可選)

正常使用ZanImmersionBar通常不須要考慮重疊問題但在項目中接入ZanImmersionBar而且頁面沒有考慮給頭部控件預留出狀態欄的高度,而且須要將頁面內容沉浸到狀態欄或者作定製化狀態欄,這種狀況下須要考慮重疊問題。以前說到Android4.4版本的時候解決重疊的方式是一種,也能夠參考一下幾種方式解決狀態欄與佈局頂部重疊問題。

  • ① 使用dimen自定義狀態欄高度,不建議使用,由於設備狀態欄高度並非固定的

在values-v19/dimens.xml文件下

<dimen name="status_bar_height">25dp</dimen>複製代碼

在values/dimens.xml文件下

<dimen name="status_bar_height">0dp</dimen>複製代碼

而後在佈局界面添加view標籤,高度指定爲statusbarheight

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
           xmlns:app="http://schemas.android.com/apk/res-auto"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:background="@color/darker_gray"
           android:orientation="vertical">
       
           <View
               android:layout_width="match_parent"
               android:layout_height="@dimen/status_bar_height"
               android:background="@color/colorPrimary" />
       
           <android.support.v7.widget.Toolbar
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:background="@color/colorPrimary"
               app:title="方法一"
               app:titleTextColor="@android:color/white" />
       </LinearLayout>複製代碼

  • ② 使用系統的fitsSystemWindows屬性,使用該屬性不會致使輸入框與軟鍵盤衝突問題,不要再Fragment使用該屬性
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:orientation="vertical"
           android:fitsSystemWindows="true">
       </LinearLayout>複製代碼

而後使用ImmersionBar時候必須指定狀態欄顏色

ZanImmersionBar.with(this)
            .statusBarColor(R.color.colorPrimary)
            .init();複製代碼

注意:ZanImmersionBar必定要在設置完佈局之後使用

  • ③ 使用ZanImmersionBar的fitsSystemWindows(boolean fits)方法
ZanImmersionBar.with(this)
            .fitsSystemWindows(true)  //使用該屬性,必須指定狀態欄顏色
            .statusBarColor(R.color.colorPrimary)
            .init();複製代碼

  • ④ 使用ZanImmersionBar的statusBarView(View view)方法

在標題欄的上方增長View標籤,高度指定爲0dp

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
               xmlns:app="http://schemas.android.com/apk/res-auto"
               android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:background="@color/darker_gray"
               android:orientation="vertical">
           
               <View
                   android:layout_width="match_parent"
                   android:layout_height="0dp"
                   android:background="@color/colorPrimary" />
           
               <android.support.v7.widget.Toolbar
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                   android:background="@color/colorPrimary"
                   app:title="方法四"
                   app:titleTextColor="@android:color/white" />
        </LinearLayout>複製代碼

而後使用ZanImmersionBar的statusBarView方法,指定view就能夠啦

ZanImmersionBar.with(this)
               .statusBarView(view)
               .init();
         //或者
         //ZanImmersionBar.setStatusBarView(this,view);複製代碼

  • ⑤ 使用ZanImmersionBar的titleBar(View view)方法,原理是設置paddingTop
ZanImmersionBar.with(this)
                   .titleBar(view) //能夠爲任意view,若是是自定義xml實現標題欄的話,最外層節點不能爲RelativeLayout
                   .init();
             //或者
             //ZanImmersionBar.setTitleBar(this, view);複製代碼

  • ⑥ 使用ZanImmersionBar的titleBarMarginTop(View view)方法,原理是設置marginTop
ZanImmersionBar.with(this)
                   .titleBarMarginTop(view)  //能夠爲任意view
                   .statusBarColor(R.color.colorPrimary)  //指定狀態欄顏色,根據狀況是否設置
                   .init();
             //或者使用靜態方法設置
             //ZanImmersionBar.setTitleBarMarginTop(this,view);複製代碼

總結

在處理Android沉浸式狀態欄和導航欄開始會很頭大,而且會不理解相關設置的window的FLAG屬性,想要分清楚這些屬性的大意須要從出現背景出發拆封,先熟悉沉浸式出現的3個階段的屬性和版本能作什麼和不能作什麼,而後再去了解各個廠家定製化的屬性在哪些版本階段使用,以及是否須要對異形屏適配,最後纔是在實際開發和需求中對狀態欄和導航欄處理。不過在Android6.0之後版本廠家的定製化狀態已經愈來愈沒有意義了,之後Android原生趨勢也將會讓開發者使用沉浸式愈來愈舒服。

相關文章
相關標籤/搜索