android沉浸式效果实现

作者: Jimmy5Zhang | 来源:发表于2017-03-15 11:16 被阅读80次

https://developer.android.com/training/system-ui/navigation.html


View decorView = getWindow().getDecorView();
// Hide both the navigation bar and the status bar.
// SYSTEM_UI_FLAG_FULLSCREEN is only available on Android 4.1 and higher, but as
// a general rule, you should design your app to hide the status bar whenever you
// hide the navigation bar.
int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
              | View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiOptions);

Where you set the UI flags makes a difference. If you hide the system bars in your activity's onCreate() method and the user presses Home, the system bars will reappear. When the user reopens the activity, onCreate() won't get called, so the system bars will remain visible. If you want system UI changes to persist as the user navigates in and out of your activity, set UI flags in onResume() or onWindowFocusChanged().

https://developer.android.com/training/system-ui/immersive.html

// This snippet hides the system bars.
private void hideSystemUI() {
    // Set the IMMERSIVE flag.
    // Set the content to appear under the system bars so that the content
    // doesn't resize when the system bars hide and show.
    mDecorView.setSystemUiVisibility(
            View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // hide nav bar
            | View.SYSTEM_UI_FLAG_FULLSCREEN // hide status bar
            | View.SYSTEM_UI_FLAG_IMMERSIVE);
}

// This snippet shows the system bars. It does this by removing all the flags
// except for the ones that make the content appear under the system bars.
private void showSystemUI() {
    mDecorView.setSystemUiVisibility(
            View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
}

Note: If you like the auto-hiding behavior of IMMERSIVE_STICKY but need to show your own UI controls as well, just use IMMERSIVE combined with Handler.postDelayed() or something similar to re-enter immersive mode after a few seconds.

Current Requirement:

Hide navigation bar on startup

Auto hide navigation bar (IMMERSIVE_STICKY + poseDelayed() )

Implementation:

    public void hideNavigationBar() {
        int uiFlags = View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // hide nav bar
            | View.SYSTEM_UI_FLAG_FULLSCREEN; // hide status bar

        if( android.os.Build.VERSION.SDK_INT >= 19 ){ 
            uiFlags |= 0x00001000;    //SYSTEM_UI_FLAG_IMMERSIVE_STICKY: hide navigation bars - compatibility: building API level is lower thatn 19, use magic number directly for higher API target level
        } else {
            uiFlags |= View.SYSTEM_UI_FLAG_LOW_PROFILE;
        }

        getWindow().getDecorView().setSystemUiVisibility(uiFlags);
    }


    @Override
    protected void onCreate (Bundle savedInstanceState) {
        ...
        hideNavigationBar();
        super.onCreate(savedInstanceState);
        ...
    }

    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);
        if( hasFocus ) {
            hideNavigationBar();
        }
    }

Note: postDelayed is not yet added, because on tested devices, navigation bar will auto hide for some secs.

Add postDelayed() event to manully auto hide nav bar if needed.

on some system, after volume key's pressed, navigation bar is shown & never hidden until keys on navi bar is pressed.

hard fix:


    @Override
    public boolean onKeyUp(int keyCode, KeyEvent event) {
        super.onKeyUp(keyCode, event);
        if ((keyCode == KeyEvent.KEYCODE_VOLUME_UP || keyCode == KeyEvent.KEYCODE_VOLUME_DOWN)){
            this.hideNavigationBar();
        }
        return false;
    }

相关文章

  • android动画 - 收藏集 - 掘金

    Android L 沉浸式状态栏和圆形动画实现炫酷效果 - Android - 掘金 ViewAnimationU...

  • android沉浸式效果实现

    https://developer.android.com/training/system-ui/navigati...

  • android沉浸式状态栏

    android沉浸式状态栏 参考文章 另外两种android沉浸式状态栏实现思路 android4.4+实现MD状...

  • 实现沉浸式状态栏效果

    android:fitsSystemWindows属性可以实现状态栏沉浸式效果,但是xml中需要配合Coordin...

  • android 沉浸式状态栏

    今日为了完成项目的需求,没办法需要加入沉浸式状态栏实现效果,android4.4加入沉浸式状态栏这一新内容,近日向...

  • 沉浸式状态栏

    在Android4.4之后开始支持沉浸式状态栏,如下图 (1)起初Android4.4(API19)开始实现沉浸式...

  • Android实现沉浸式状态栏及标题栏滑动变色

    Android实现沉浸式状态栏及标题栏滑动变色 1. 沉浸式状态栏的实现 沉浸式状态栏实现的方式有很多,可自行百度...

  • Android 沉浸式实现

    Android 4.4 以下 通过对 StatusBar 和 NavigationBar 进行显示和隐藏操作。 A...

  • Android实现沉浸式

    代码 半沉浸式加下面代码 但这是5.1的系统,当切换到6.0以后的系统的时候,导航栏阴影很明显,所以需要加以下动态...

  • Android 实现沉浸式全屏的总结

    前言 本文总结 Android 实现沉浸式全屏的实现方式。 实现沉浸式全屏 在一些需要全屏显示的场景下,比如玩游戏...

网友评论

    本文标题:android沉浸式效果实现

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