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沉浸式效果实现

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