Android SystemBar各种风格案例

  • Android System Bar(Status Bar 和Navigation Bar)暗淡效果

  • Android Status Bar的隐藏与浮层效果

  • Android NavigationBar隐藏与浮层

  • Android SystemBar(Status Bar 和Navigation Bar)设置 Immersive与Sticky Immersion风格

  • Android 响应System UI状态,焦点改变,手势处理

Hiding the Navigation Bar


Navigation Bar 显示状态:

Android NavigationBar隐藏与浮层_第1张图片

使用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_NAVIGATIONSYSTEM_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    }

效果如下

Android NavigationBar隐藏与浮层_第2张图片

本项目案例:https://github.com/13767004362/ManageSystemUIDemo

参考资源

  • 官方介绍:https://developer.android.google.cn/training/system-ui/index.html

更多相关文章

  1. android 最全 各种UI效果 UI框架 github框架总结大全
  2. 实现ListView的item逐个飞入效果——LayoutAnimationController
  3. android动画效果处理
  4. Android之动画效果编程基础
  5. android 使用xml selector设置按钮点击效果图片
  6. Android 带有角标的imageview,类似于qq、微信未读消息提示效果
  7. 【Android 界面效果12】EditText中的多行输入问题
  8. android 布局实例解析 柱状图效果
  9. CoordinatorLayout使用自定义Behavior实现UC浏览器顶栏效果

随机推荐

  1. Android自定义属性,format详解
  2. android整合--屏幕旋转触发事件
  3. Android file.createNewFile方法问题总结
  4. 添加了android:configChanges="orientati
  5. Android拍照得到的照片旋转了90度
  6. Android 无法接收开机广播的问题
  7. Android的两种数据存储方式分析(一)
  8. Android Dialog自定义宽高
  9. Android简单类型资源(Bool、Color、Dimens
  10. Android热修复原理探索与实践