您的当前位置:首页android 隐藏状态栏/底部导航栏个人总结

android 隐藏状态栏/底部导航栏个人总结

2024-12-13 来源:哗拓教育

一:Dimming the System Bars:

# 要求显示系统ui
public static final int SYSTEM_UI_FLAG_VISIBLE = 0; 
# 变淡系统ui
public static final int SYSTEM_UI_FLAG_LOW_PROFILE = 0x00000001;

二:Hiding the Status Bar:

1:在android4.0及以下系统中。
(1):如果需要始终隐藏的话,替换theme是最优解。

<application
    ...
    android:theme="@android:style/Theme.Holo.NoActionBar.Fullscreen" >
    ...
</application>

(2):代码设置,可作为第二替换方案,因为它没有替换theme代来的那种流畅,和稳定性。

if (Build.VERSION.SDK_INT < 16) {
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                    WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
 setContentView(R.layout.activity_main);

2:在android4.1及以上系统中:

# 当用户切换到其他应用,或者到其他页面,会导致这个设置消失,因此需要注意在onResume(),onWindowFocusChanged(),setOnSystemUiVisibilityChangeListener()等方法中做处理。
public static final int SYSTEM_UI_FLAG_FULLSCREEN = 0x00000004;

我们在android4.1 and higher 上还可以将内容显示在status bar之后,这样可以避免内容因为status bar的调整而导致的不必要得的调整。

# 确保应用布局的稳定
public static final int SYSTEM_UI_FLAG_LAYOUT_STABLE = 0x00000100;
# 将内容置于status bar 之后
public static final int SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN = 0x00000400;

如果我们将内容置于status bar之后,有时会导致一些关键部分被覆盖,这个时候可以在xml布局中,添加下面这个属性,让父容器有足够的padding。

android:fitsSystemWindows="true"

三:Hiding the Navigation bar

当我们需要隐藏底部导航栏的时候,经常会同时隐藏状态栏。

# 暂时隐藏导航栏
public static final int SYSTEM_UI_FLAG_HIDE_NAVIGATION = 0x00000002;

因此这个属性,经常会这么使用:

int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
              | View.SYSTEM_UI_FLAG_FULLSCREEN;

底部导航栏是用户经常使用的功能,如果被隐藏掉之后,用户通过操作重新调出底部导航栏,那么设置的这个flag,就会被clear。

在android4.1及以上,也可以将内容设置在底部导航栏之后,这个时候需要使用到这两个属性,意义与status bar中的相仿。同时也要注意在xml中使用android:fitsSystemWindows="true",防止app中的内容被覆盖。

public static final int SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION = 0x00000200;
public static final int SYSTEM_UI_FLAG_LAYOUT_STABLE = 0x00000100;

四: Full-Screen

当在android4.4以及以上系统中时,如果我们同时使用这三个选项:

public static final int SYSTEM_UI_FLAG_IMMERSIVE = 0x00000800;
public static final int SYSTEM_UI_FLAG_FULLSCREEN = 0x00000004;
public static final int SYSTEM_UI_FLAG_FULLSCREEN = 0x00000004;

就可以完满实现app的全屏功能。但是当用户在屏幕边缘滑动的时候,就会移除这些flag。同时也会触发:

View.OnSystemUiVisibilityChangeListener();

另一个替换方案是使用:

# 设置这个属性,当用户在边缘滑动时,也会显示状态栏和导航栏,但是大约5秒之后就会消失,并且不会触发View.OnSystemUiVisibilityChangeListener();
public static final int SYSTEM_UI_FLAG_IMMERSIVE_STICKY = 0x00001000;

1:Lean Back
2:Immersive
这两种模式都可以实现全屏,即隐藏Status Bar和 Navigation Bar.区别在于,第一种Lean Back 滑动屏幕的任何地方,都会重新显示状态栏和导航栏,而第二种Immersive则只有在屏幕边缘滑动,才会重新显示系统栏。我们可以通过实现GestureDetector 检测onSingleTapUp(MotionEvent)来实现。

五:设置效果

View decorView = getActivity().getWindow().getDecorView();
# 选择我们需要的constant进行设置。
int uiOptions = View.SYSTEM_UI_FLAG_LOW_PROFILE;
decorView.setSystemUiVisibility(uiOptions);
decorView.setOnSystemUiVisibilityChangeListener();

六:状态栏透明

透明状态栏和隐藏状态栏还是有区别的。隐藏状态栏,就无法看到时间等信息,但是透明状态栏,则只是让layout里面的内容,可以延伸到状态栏。

Paste_Image.png
if (Build.VERSION.SDK_INT >= 21) {
    View decorView = getWindow().getDecorView();
    int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
    decorView.setSystemUiVisibility(option);
//底部导航栏设置为透明
    getWindow().setNavigationBarColor(Color.TRANSPARENT);
//顶部状态栏设置为透明
    getWindow().setStatusBarColor(Color.TRANSPARENT);
}

如果用户继承了AppCompat主题的话,也可以通过android:navigationBarColor来修改navigationbar,通过android:statusBarColor修改statusbar的颜色

 <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
          <item name="android:statusBarColor">#22c283</item>
        <item name="android:navigationBarColor">#22c283</item>

    </style>
image.png
显示全文