Android NavigationBar隐藏与浮层

╰+哭是因爲堅強的太久メ 2022-06-09 02:45 467阅读 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]

### **Hiding the Navigation Bar** ###

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

Navigation Bar 显示状态：

![image][]

使用`SYSTEM_UI_FLAG_HIDE_NAVIGATION`隐藏 navigation bar。以下是代码是同时隐藏StatusBar 和Navigation bar:

/** * 隐藏NavigationBar */
        var action_navigation_bar_hide = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
        /** * 全屏，会隐藏StatusBar */
        var action_hide_status_bar = View.SYSTEM_UI_FLAG_FULLSCREEN
    
        /** * Navigation bar 正常风格，且设置StatusBar正常隐藏 */
        fun setNavigationBarNormalStyle(window: Window) {
            var flag = action_navigation_bar_hide or action_hide_status_bar
            window.decorView.systemUiVisibility = flag
        }

**确保Navigation Bar浮在界面布局之上：**

同时使用`SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION`与`SYSTEM_UI_FLAG_LAYOUT_STABLE`可以确保Navigation bar浮在界面布局之上，且不导致界面兼容性问题。

/** * 全屏，会隐藏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
        /** * 隐藏NavigationBar */
        var action_navigation_bar_hide = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
        /** * 系统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
    
       /** * Navigation bar 浮层风格，且设置StatusBar浮层效果 */
        fun setNavigationBarFloatStyle(window: Window) {
            var flag =  action_navigation_bar_hide or action_hide_status_bar or action_navigation_bar_hide or action_hide_status_bar_float or action_stable
            window.decorView.systemUiVisibility = flag
        }

**效果如下**：

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

#### **本项目案例**：[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/9065677e28ab4abba9478455b12c981d.png
[SouthEast]: /images/20220609/67275e0ebaea40d6bd0132619bfebd6a.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