关闭

沉浸模式和透明状态栏笔记

标签: androidstatuebarimmersive
327人阅读 评论(0) 收藏 举报
分类:

郭神又出老少咸宜的神文《Android状态栏微技巧,带你真正理解沉浸式模式》,文中,将流行的状态栏自定义颜色(包括透明效果)与沉浸式模式(Immersive Mode)两个概念区分开来,而且还分析和提供了实现二者效果的思路和代码。总结笔记如下图片是郭神文章里的。

沉浸式模式

这里写图片描述

1. Android 4.4及以上系统才支持沉浸式模式

2. 一般是用于游戏或者视频的应用内容全屏化界面显示效果,此时没有顶部显示网络电量和时间的StatueBar、没有ActionBar、也没有底部的NavigationBar;

3. 此模式在在StatueBar/NavigationBar附近做滑动拉出效果时,会以半透明覆盖形式出现StatueBar/NavigationBar,因此是不会影响全屏内容效果的大小,而且一段时间后会再次隐藏StatueBar/NavigationBar,恢复全屏效果。

4. 实现代码如下

public class Immersive ModeActivity extends AppCompatActivity {
    private View decorView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_immersive_mode);
    }

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

        if(!hasFocus || Build.VERSION.SDK_INT < 19) return;
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
            | View.SYSTEM_UI_FLAG_FULLSCREEN
            | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
            | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
            | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    }
}

透明的状态栏和导航栏

这里写图片描述

1. Android 5.0及以上系统才支持透明状态栏效果

2. 应用内容是覆盖整个屏幕,包括StatueBar/NavigationBar的背景,获得同一的界面效果。

3. 实现代码如下:

public class TransparentBarActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_transparent_bar);

        //Android 5.0及以上系统才实现此功能.
        if(Build.VERSION.SDK_INT < 21) return;
        /*
        DecorView
              --> 设置系统UI可见性
              --> 应用的主体内容占用系统状态栏的空间, 两个Flag需要连用,再用一个隐藏导航栏Flag,表示主题内容占用导航栏控件
        */
        View decorView = getWindow().getDecorView();
        decorView.setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN
                 | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                 | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION);
        //将状态栏和导航栏设置成透明色
        getWindow().setStatusBarColor(Color.TRANSPARENT);
        getWindow().setNavigationBarColor(Color.TRANSPARENT);
        //隐藏ActionBar
        getSupportActionBar().hide();
    }
}
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:4392次
    • 积分:131
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类