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

原创 2016年08月29日 12:41:22

郭神又出老少咸宜的神文《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();
    }
}

相关文章推荐

Android状态栏和导航栏透明和沉浸式模式

最近在App上需要对状态栏进行相关的设置,在网上看了些文章,像郭神的沉浸式那篇博客对我启发蛮大,但是对状态栏的设置,包括隐藏,透明,颜色设置等,并没有比较系统的概念,实现方式不止一种,有操作Windo...
  • liugec
  • liugec
  • 2017年05月10日 22:47
  • 180

Android透明状态栏效果和沉浸式模式体验

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/51763825 其实说到沉浸式状态栏这个名字我也是感到很无奈,真不知道这种...

android 沉浸模式(状态栏透明 跟随布局颜色)

的来源就是, 沉浸模式: 当启用该模式,应用程序的界面将占据整个屏幕,系统自动将隐藏系统的状态栏和导航栏,让应用程序内容可以在最大显示范围呈现,增加大屏体验,而当需要查看通知的时候只需要从顶部向下滑动...

Android透明状态栏与沉浸模式全解

Android透明状态栏与沉浸模式全解现在如今利用状态栏做文章的主要就是如下四种场景了,先上图 - 网易云音乐 状态栏与标题栏同色,无缝衔接 - 多看阅读 全屏沉浸阅读(视频,游戏同理) -...

android界面UI美化:沉浸模式、全透明或半透明状态栏及导航栏的实现

android api19开始我们就能对顶部状态栏和底部导航栏进行半透明处理了,而api21开始则可以实现全透明状态栏与导航栏以及开启沉浸模式,至于什么是沉浸模式,大家百度一下应该就都知道了,有一点需...

Android透明化/沉浸式状态栏实践及源码分析

何为透明状态栏?有人说透明状态栏就是沉浸式状态栏,这里不多解释,详见为什么在国内会有很多用户把「透明栏」(Translucent Bars)称作 「沉浸式顶栏」?。本文将对于透明状态栏设置方法做一个讲...

android 沉浸式 状态栏透明 与应用头部背景一样

像IOS一样,状态栏透明,和应用背景重叠,与应用统一颜色样式 在android4.4之前,是没有这种效果的,状态栏默认都是黑色,状态栏与应用都是分开的,在4.4之后,也就是api19以上(包括19)...

让Fragment的layout也能够实现沉浸(透明)状态栏

起因:想做一个自用的记账App,由于本人没有UI天赋,审美也是呵呵。所以就借鉴了很多挖财记账的UI,但是在记账的部分想要实现沉浸式就出现问题了。 问题描述:一共两个页面间的协调,第一个页面做了侧滑抽...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:沉浸模式和透明状态栏笔记
举报原因:
原因补充:

(最多只允许输入30个字)