Android SystemBar（Status Bar 和Navigation Bar）设置 Immersive与Sticky Immersion风格

港控/mmm° 2022-06-09 02:45 725阅读 0赞

### **Android SystemBar各种风格案例**： ###

*  [Android System Bar（Status Bar 和Navigation Bar）暗淡效果][Android System Bar_Status Bar _Navigation Bar]
 *  [Android Status Bar的隐藏与浮层效果][Android Status Bar]
 *  [ Android NavigationBar隐藏与浮层][Android NavigationBar]
 *  [Android SystemBar（Status Bar 和Navigation Bar）设置 Immersive与Sticky Immersion风格][Android SystemBar_Status Bar _Navigation Bar_ Immersive_Sticky Immersion]
 *  [ Android 响应System UI状态，焦点改变，手势处理][Android _System UI]

### **Using Immersive Full-Screen 模式** ###

--------------------

在Android4.4 (api 19)中出现新`SYSTEM_UI_FLAG_IMMERSIVE`和`SYSTEM_UI_FLAG_IMMERSIVE_STICKY`的标志，用于实现应用程序去真全屏(go truly “full screen” ).

先来了解下官方中Immersive Full-Screen介绍.

**Immersive 各种状态**：

![image][]

使用Imnersive模式后，第一次会出现提示框，且这里的system bar 浮现在界面布局之上。

**Sticky Immersion状态**：

![image][image 1]

使用Sticky Immersion模式后，这里的system bar 浮现在界面布局之上，且过一会儿会自动消失。

#### **4. 1 使用 Non-Sticky Immersion：** ####

使用了SYSTEM\_UI\_FLAG\_IMMERSIVE 标志，再与其他标志一起结合使用，当用户屏幕中滑动，System bar会重新出现。

/** * 隐藏NavigationBar */
        var action_navigation_bar_hide = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
    
        /** * 全屏，会隐藏StatusBar */
        var action_hide_status_bar = View.SYSTEM_UI_FLAG_FULLSCREEN
        /** * 系统4.1或者更高版本，可以使StatusBar浮在内容上面， * * 与 View.SYSTEM_UI_FLAG_FULLSCREEN效果类似 */
        var action_hide_status_bar_float = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        /** * 系统4.1或者更高版本，可以让NavigationBar浮在内容上面。 */
        var action_navigation_bar_hide_float = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        /** * 与SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION或者SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN * 结合使用，确保布局稳定 */
        var action_stable = View.SYSTEM_UI_FLAG_LAYOUT_STABLE
       /** * 系统4.4 出现，该flag可以让触碰屏幕，程序重新出现System bar。 */
        var action_immersive = View.SYSTEM_UI_FLAG_IMMERSIVE
    
        /** * Immersive风格 */
        fun setImmersiveStyle(window: Window) {
            var flag = action_navigation_bar_hide 
                       or action_hide_status_bar 
                       or action_navigation_bar_hide_float 
                       or action_hide_status_bar_float
                       or action_stable or action_immersive
    
            window.decorView.systemUiVisibility = flag
        }

**效果如下**：

![这里写图片描述][SouthEast]

#### **4. 2 使用Sticky Immersion模式：** ####

使用了`SYSTEM_UI_FLAG_IMMERSIVE_STICKY` 标志，再与其他标志一起结合使用，当用户屏幕中滑动，System bar会重新出现,但过一会儿会自动消失。

/** * 隐藏NavigationBar */
        var action_navigation_bar_hide = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
    
        /** * 全屏，会隐藏StatusBar */
        var action_hide_status_bar = View.SYSTEM_UI_FLAG_FULLSCREEN
        /** * 系统4.1或者更高版本，可以使StatusBar浮在内容上面， * * 与 View.SYSTEM_UI_FLAG_FULLSCREEN效果类似 */
        var action_hide_status_bar_float = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
        /** * 系统4.1或者更高版本，可以让NavigationBar浮在内容上面。 */
        var action_navigation_bar_hide_float = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
        /** * 与SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION或者SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN * 结合使用，确保布局稳定 */
        var action_stable = View.SYSTEM_UI_FLAG_LAYOUT_STABLE
          /** * 系统4.4 出现，该flag触碰屏幕，可以让系统bar出现，但是一会儿自动消失。Sticky方式 */
        var action_immersive_sticky = View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
    
        /** * Sticky风格 */
        fun setStickyStyle(window: Window) {
            var flag = action_navigation_bar_hide
                  or action_hide_status_bar 
                  or action_hide_status_bar_float
                  or action_navigation_bar_hide_float 
                  or action_stable 
                  or action_immersive_sticky
    
            window.decorView.systemUiVisibility = flag
        }

**效果如下**：

![这里写图片描述][SouthEast 1]

#### **本项目案例**：[https://github.com/13767004362/ManageSystemUIDemo][https_github.com_13767004362_ManageSystemUIDemo] ####

**参考资源**：

*  官方介绍：[https://developer.android.google.cn/training/system-ui/index.html][https_developer.android.google.cn_training_system-ui_index.html]

[Android System Bar_Status Bar _Navigation Bar]: http://blog.csdn.net/hexingen/article/details/77547468
[Android Status Bar]: http://blog.csdn.net/hexingen/article/details/77549214
[Android NavigationBar]: http://blog.csdn.net/hexingen/article/details/77572124
[Android SystemBar_Status Bar _Navigation Bar_ Immersive_Sticky Immersion]: http://blog.csdn.net/hexingen/article/details/77572297
[Android _System UI]: http://blog.csdn.net/hexingen/article/details/77621281
[image]: /images/20220609/7b11537dc27347ffb9206fb8015310fa.png
[image 1]: /images/20220609/2c9c798fb40c453285bd743b489b8049.png
[SouthEast]: /images/20220609/508631bd57d84bb19e5b054942887541.png
[SouthEast 1]: /images/20220609/3c50c9ba3ff34bb4937e6b91ab3b9b8f.png
[https_github.com_13767004362_ManageSystemUIDemo]: https://github.com/13767004362/ManageSystemUIDemo
[https_developer.android.google.cn_training_system-ui_index.html]: https://developer.android.google.cn/training/system-ui/index.html