美文网首页AndroidAndroid学习学习再学习
SystemUI Flag详解及使用情景

SystemUI Flag详解及使用情景

作者: 备忘君 | 来源:发表于2018-12-29 17:52 被阅读10次

    能够造成SystemUI Flag被系统自动清除的交互分类

    1. 触摸屏幕任何位置
    2. 顶部下拉状态栏
    3. 底部上拉导航栏
    4. Window的变化(如:跳转到其他界面、弹出键盘等)

    SystemUI Flag 相关特性详解

    1. View.SYSTEM_UI_FLAG_HIDE_NAVIGATION:(>=api16)
      作用是隐藏系统NavigationBar。
      但是用户的任何交互,都会导致此Flag被系统清除,进而导航栏自动重新显示,同时View.SYSTEM_UI_FLAG_FULLSCREEN也会被自动清除,因此StatusBar也会同时显示出来。

    2. View.SYSTEM_UI_FLAG_FULLSCREEN:(>=api16)
      作用是隐藏StatusBar。
      WindowManager.LayoutParams.FLAG_FULLSCREEN有相同视觉效果。不同在于,此Flag一般用在暂时需要全屏的情形(如:阅读应用,全屏视频等),以便让用户的注意力暂时集中在内容上,而如果只是简单的需要一直停留在全屏状态(如:游戏应用),使用WindowManager.LayoutParams.FLAG_FULLSCREEN则是更好的选择。
      此Flag会因为各种的交互(如:跳转到其他应用,下拉StatusBar,弹出键盘)的发送而被系统清除。

    3. View.SYSTEM_UI_FLAG_IMMERSIVE:(>=api19)
      作用:避免某些用户交互造成系统自动清除全屏状态。

      • View.SYSTEM_UI_FLAG_IMMERSIVEView.SYSTEM_UI_FLAG_IMMERSIVE_STICKY的使用主要是为了当设置全屏模式时,避免某些用户交互造成系统自动清除全屏状态。
      • 当使用View.SYSTEM_UI_FLAG_HIDE_NAVIGATION隐藏导航栏时,配合此特性,只有第三、四种操作会导致导航栏的隐藏状态被系统自动清除;否则,任何交互都会导致导航栏的隐藏状态被系统自动清除。
      • 此标识只有配合View.SYSTEM_UI_FLAG_HIDE_NAVIGATION才有作用。
    4. View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY:(>=api19)
      作用:避免某些用户交互造成系统自动清除全屏状态。同时Activity的部分内容也因此被StatusBar覆盖遮挡。

      • View.SYSTEM_UI_FLAG_HIDE_NAVIGATION隐藏导航栏,配合使用此Flag,只有用户的第四种操作会导致状态栏或(和)导航栏的隐藏状态被系统自动清除。否则任何交互都会导致相应状态的清除。
      • 此Flag只有配合SYSTEM_UI_FLAG_FULLSCREENSYSTEM_UI_FLAG_HIDE_NAVIGATION使用时才会起作用。
    5. View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION:(>=api16)
      作用:在不隐藏导航栏的情况下,将Activity的显示范围扩展到导航栏底部。同时Activity的部分内容也因此被NavigationBar覆盖遮挡。

      • 当使用此Flag时,设置fitSystemWindow=true的view,会被系统自动添加大小为NavigationBar高度相同的paddingBottom。
      • 当window设置WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION时,此Flag会被系统会自动添加。
    6. View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN:(>=api16)
      作用:在不隐藏StatusBar的情况下,将view所在window的显示范围扩展到StatusBar下面。同时Activity的部分内容也因此被StatusBar覆盖遮挡。

      1. 当使用此Flag时,设置fitSystemWindow=true的view,会被系统自动添加大小为statusBar和ActionBar高度之和相同的paddingTop。
      2. 当window设置WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS时,此Flag会被系统会自动添加。
    7. View.SYSTEM_UI_FLAG_LAYOUT_STABLE:
      作用: 稳定布局。当StatusBar和NavigationBar动态显示和隐藏时,系统为fitSystemWindow=true的view设置的padding大小都不会变化,所以view的内容的位置也不会发生移动。

      • 当使用SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN或SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION),同时view设置fitSystemWindow=true时,系统会为此View自动设置padding。此padding的大小由View.fitSystemWindows(Rect)的Rect提供。一般情况下,当StatusBar和NavigationBar显示时,paddingTop的大小为StatusBar的高度。如果设置了getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY),paddingTop的大小则为StatusBar和ActionBar的高度之和。paddingBottom的大小则为NavigationBar的高度。当StatusBar和NavigationBar被隐藏时,View的padingBottom和paddingTop的大小就变成了0, 因此StatusBar和NavigationBar的显示和隐藏造成的padding变化,进而View内容的位置变化,从而造成位置闪动的视觉效果,影响体验。
        使用SYSTEM_UI_FLAG_LAYOUT_STABLE的作用便是当StatusBar和NavigationBar的显示和隐藏,系统为View设置的padding都不会变化,因此View内容的位置不会变化,此即为稳定布局。
        -. (SYSTEM_UI_FLAG_FULLSCREEN |SYSTEM_UI_FLAG_LAYOUT_STABLE)时,
        会同时隐藏Actionbar和StatusBar,但StatusBar所占空间不会隐藏,只会变成空白。同时View所在window的显示范围也不会伸展到StatusBar所占空间。若是加上SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN,View所在window的显示范围则会伸展到StatusBar所在的空间。
        同样对NavigationBar如此操作,也会是一样的效果。
      1. 当你设置了SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN时,配合此特性,若此时设置或取消SYSTEM_UI_FLAG_FULLSCREEN,不会因为StatusBar的显示或隐藏不会造成内容view的不稳定。
      2. 当你设置了SYSTEM_UI_FLAG_LAYOUT_FULLSCREENSYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION,配合此特性,若此时设置或取消SYSTEM_UI_FLAG_FULLSCREENSYSTEM_UI_FLAG_HIDE_NAVIGATION,不会因为StatusBar和导航栏的显示或隐藏不会造成内容view的不稳定。
      3. 此特性不应该只配合SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION使用
      4. 使用WindowManager.LayoutParams.FLAG_FULLSCREEN(而不是使用SYSTEM_UI_FLAG_FULLSCREEN)来隐藏StatusBar是一个一直持续隐藏的状态。这时你仍然可以使用SYSTEM_UI_FLAG_FULLSCREEN | SYSTEM_UI_FLAG_LAYOUT_STABLE隐藏Actionbar,并且不会因为ActionBar的显示或隐藏而不稳定。

    fitSystemWindow

    只有设置了View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATIONView.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN,View的 fitSystemWindow=true才会有效果。

    WindowManager 相关特性详解

    1. WindowMananger.FLAG_TRANSLUCENT_STATUS: (>=api16)

      1. 半透明StatusBar,并且不会因用户交互而被清除。
      2. 设置了此flag,系统会自动设置View.SYSTEM_UI_FLAG_LAYOUT_STABLEView.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
    2. WindowMananger.FLAG_FULLSCREEN

      1. 用于隐藏StatusBar
      2. 使用此flag,系统会自动忽略输入法的SOFT_INPUT_ADJUST_RESIZE的特性。
    3. WindowMananger.FLAG_TRANSLUCENT_NAVIGATION
      1.半透明NavigationBar,并且不会因用户交互而被清除。
      2.设置了此flag,系统会自动设置View.SYSTEM_UI_FLAG_LAYOUT_STABLEView.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
      最低版本支持:Android4.4 (api 19)

    4. WindowMananger.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS
      1.用于未StatusBar和NavigationBar设置背景颜色。
      2.原理:将StatusBar和NavigationBar设置为透明背景,并且将StatusBar和NavigationBar所在空间设置为Window.getStatusBarColor()Window.getNavigationBarColor()方法获得的颜色。
      最低版本支持:Android5.0 (api 21)

    SystemUI Flag引起的软键盘变化

    在使用SOFT_INPUT_ADJUST_RESIZE
    同时View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN或View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION时,当键盘弹出时,只会fitSystemWindow=true的view所占区域会被resize,其他view将会被软键盘覆盖。

    常用情形

    1. 隐藏状态栏
      代码实例1
    private fun hideStatusBar(){
        layout.systemUiVisibility = View.SYSTEM_UI_FLAG_FULLSCREEN
    }
    

    注意:用户的第二、四类交互操作都会使系统自动清除状态栏隐藏状态(系统会自动取消View.SYSTEM_UI_FLAG_FULLSCREEN的设置)

    代码实例2

    private fun hideStatusBar(){
        var tag = (View.SYSTEM_UI_FLAG_FULLSCREEN
                or View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY)
        layout.systemUiVisibility = tag
    }
    

    注意:用户的第四类交互操作会使系统自动清除状态栏隐藏状态(系统会自动取消View.SYSTEM_UI_FLAG_FULLSCREEN的设置,但是不会取消View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);用户的第二类操作会使状态栏暂时显示,延迟几秒后自动消失。

    代码实例3

    private fun hideStatusBar(on: Boolean) {
        val winParams = window.attributes
        val bits = WindowManager.LayoutParams.FLAG_FULLSCREEN
        if (on) {//隐藏状态栏
            winParams.flags = winParams.flags or bits
        } else {//显示状态栏
            winParams.flags = winParams.flags and bits.inv()
        }
        window.attributes = winParams
    }
    

    注意:1.用户任何交互操作都不会使系统自动清除状态栏隐藏状态;用户的第二类操作会是状态栏暂时显示,延迟几秒后自动消失。
    2.使用此flag,系统会自动忽略输入法的SOFT_INPUT_ADJUST_RESIZE的特性。

    1. 透明状态栏
      代码实例1:半透明状态栏
    private fun translateStatusBar(on: Boolean) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            var p = window.attributes
            p.flags = p.flags or WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
            window.attributes = p
        }
    }
    

    注意:为避免状态栏遮挡View上的部分信息,需要为View设置fitSystemWindow=true,或手动设置padding

    代码实例2:透明状态栏

    private fun translateStatusBar() {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
            window.statusBarColor = Color.TRANSPARENT
            var tag = (View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                or View.SYSTEM_UI_FLAG_LAYOUT_STABLE)
            layout.systemUiVisibility = tag
        }
    }
    

    注意:
    - Android的状态栏的字体颜色默认为白色,只有Android6.0以后才提供官方的API选择黑色字体(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR)。所以当6.0以下使用透明状态栏时,若StatusBar下面的View的也为白色背景时,则会造成看不到StatusBar的相关信息。
    - 为避免状态栏遮挡View上的部分信息,需要为View设置fitSystemWindow=true,或手动设置padding

    1. 隐藏导航栏
      代码实例1
    private fun hideNavigationBar(){
        layout.systemUiVisibility = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
    }
    

    注意:用户的任何操作都会使系统自动清除此状态。SYSTEM_UI_FLAG_HIDE_NAVIGATION被系统自动清除时会连带清除SYSTEM_UI_FLAG_FULLSCREEN

    代码实例2

    private fun hideNavigationBar(){
        var tag = (View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                or View.SYSTEM_UI_FLAG_IMMERSIVE)
        layout.systemUiVisibility = tag
    }
    

    注意:用户的第三、四类交互操作会使系统自动清除此状态;用户的第二类操作会是状态栏暂时显示,延迟几秒后自动消失

    代码实例3

    private fun hideNavigationBar(){
        var tag = (View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                or View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY)
        layout.systemUiVisibility = tag
    }
    

    注意:用户的第四类交互操作会使系统自动清除此状态;用户的第三类操作会是使导航栏暂时显示,延迟几秒后自动消失

    1. 全屏模式
      代码实例1:一般用于视频播放的情形
    private fun fullScreen(){
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            var tag = (View.SYSTEM_UI_FLAG_FULLSCREEN
                    or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                    or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    or View.SYSTEM_UI_FLAG_LAYOUT_STABL)
            layout.systemUiVisibility = tag
        } 
    }
    

    注意: 用户的任何交互都会导致全屏状态被系统清除

    代码实例2:一般用于沉浸阅读的情形

    private fun fullScreen(){
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            var tag = (View.SYSTEM_UI_FLAG_FULLSCREEN
                    or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                    or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                    or View.SYSTEM_UI_FLAG_IMMERSIVE)
            layout.systemUiVisibility = tag
        } 
    }
    

    代码实例3::一般用于游戏等严格沉浸的情形

    private fun fullScreen(){
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            var tag = (View.SYSTEM_UI_FLAG_FULLSCREEN
                    or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                    or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                    or View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY)
            layout.systemUiVisibility = tag
        } 
    }
    
    1. 修改SystemBar的颜色
      代码实例1
    private fun setSystemBarColor(int color){
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS|WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION)
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS)
        window.statusBarColor = color
        window.navigationBarColor = color
    }
    

    相关文章

      网友评论

        本文标题:SystemUI Flag详解及使用情景

        本文链接:https://www.haomeiwen.com/subject/dutukqtx.html