主题帖子积分
教程贴：如何设置ColorOS拥有沉浸式状态栏
&查看：127094
&回复：3058
变色状态栏就是指手机的状态栏会更随系统界面的颜色变化而变化，从而实现整体界面的和谐一体。如同沉浸式状态栏一样。这个极其炫酷的功能以前只在IOS7上实现，现在安卓版本也能实现变色状态栏。
7eca52f179cb7f9ed9cf_b.jpg (97.96 KB, 下载次数: 355)
10:14 上传
当启用该模式，应用程序的界面将占据整个屏幕，系统自动将隐藏系统的状态栏和导航栏，让应用程序内容可以在最大显示范围呈现，增加大屏体验，而当需要查看通知的时候只需要从顶部向下滑动就能呼出通知栏。
这是谷歌对于自己的沉浸模式的解释，说白了就是全屏扩展呗。
但是总有人说下面这样就是沉浸式顶栏，我总觉得他们说的不对，那不就是状态栏的颜色自适应么，叫彩色状态栏，变色龙状态栏都行，沉浸不是这个意思啊。
传统的手机状态栏是呈现出黑色条状的，有的和手机主界面有很明显的区别。这一样就在一定程度上牺牲了视觉宽度，界面面积变小。
打开沉浸模式的状态栏和主界面完全融为了一体，在设计上的确有不同的视觉感受。
第一步，安装WSM+彩色状态栏
下载：（回复可见）
游客，如果您要查看本帖隐藏内容请
第二步，打开WSM安装二进制文件，然后重启，重启之后进入WSM勾选彩色状态栏，然后重启。
第三步，打开如图。
51410.png (129.87 KB, 下载次数: 333)
09:51 上传
第四步，打开手机qq，下来通知栏。
23964.png (53.8 KB, 下载次数: 318)
09:51 上传
第五步，点击到下图页面，点状态栏背景色。
53647.png (87.92 KB, 下载次数: 322)
09:51 上传
第六步，因为状态栏图标不会变黑，所以白色界面会看不见图标，推荐点上。
20247.jpg (44.82 KB, 下载次数: 318)
09:51 上传
你的系统是miui吧，coloros支持？.
楼主，你拿着个miui系统在这儿叫着设置colo.
主题帖子积分
彩虹糖：427
老手机上试试
主题帖子积分
主题帖子积分
彩虹糖：35
来自OPPOA37m手机
什么意思？不会用。。。。
主题帖子积分
彩虹糖：35
来自OPPOA37m手机
，，，，，，，
主题帖子积分
来自OPPOR11s手机
主题帖子积分
来自OPPOR11s手机
主题帖子积分
彩虹糖：11
来自vivoY55A手机
主题帖子积分
彩虹糖：12
了解一下 非常感谢
主题帖子积分
来自OPPOR9tm手机
希望可以啊啊 啊
您需要登录后才可以回帖
回帖并转播
第四届公测
第四届公测【图片】【教程】真正的沉浸试状态栏【xposed框架吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：150,349贴子：
【教程】真正的沉浸试状态栏收藏
只限miui和乐蛙，因为这两个系统可以全局下拉，当然只要能全局下拉的系统都可以用
第一步先下载框架，app stting，还有变色龙
不要插楼，谢谢合作
第二，打开变色龙设置按照我的图勾选
选取应用比如qq关闭它，如图
会跟软件的字重叠，不好看。
然后打开app stting还拿qq举例按照我给的图设置，然后就可以了
我只能说安卓4,4目测都能全局下拉
这个就是沉浸模式加变色龙
不过你能发出来也不错了
其实全屏加上状态栏
还可以 就是看不清
也不用变色龙了
怎么取消沉浸 只变色
我按照你弄得之后全屏了，不过QQ下拉之后还是黑色的，不会透明
原来是桌面的变色没关闭。
app setting 强制沉浸 + 变色龙颜色设置透明
为什么我已经设置隐藏了还是看得见 状态栏　　　 　　　　　 　　　　　　--来自未知物体客户端　　　
应用吧活动,
4.1己成功 这方法比变色龙灵活
如下图变色龙就作不到
我认为卤煮不是4.4因为如果是4.4的话就能选强制沉浸而不是强制全屏
手机没有全屏下啦
直接下载沉浸状态栏，省事
沉浸式会重叠字体，还是变色龙好看点
楼主重力不能用，都重启了，另外你这个方法可行的，。，真是道德沦丧，世风日下。
我的状态栏变色龙没有你那些设置，求发给我
乐蛙OS5的xposed框架是如何激活的，三种方法均不行
登录百度帐号如果文章对您有帮助，请随意打赏支持！沉浸式状态栏是什么 沉浸模式是什么_百度知道
沉浸式状态栏是什么 沉浸模式是什么
我有更好的答案
传统的手机状态栏是呈现出黑色条状的，有的和手机主界面有很明显的区别。这一样就在一定程度上牺牲了视觉宽度，界面面积变小。沉浸式是APP界面图片延伸到状态栏， 应用本身沉浸于状态栏，所以如果第三方的软件没有为状态栏分配图片，那么自然就是黑色。顶端的状态栏和下面的虚拟按键都隐藏，需要的时候从边缘划出。沉浸模式。当启用该模式，应用程序的界面将占据整个屏幕，系统自动将隐藏系统的状态栏和导航栏，让应用程序内容可以在最大显示范围呈现，增加大屏体验，而当需要查看通知的时候只需要从顶部向下滑动就能呼出通知栏。沉浸模式实际上有两种： 一种叫“沉浸模式”，状态栏和虚拟按钮会自动隐藏、应用自动全屏，这种模式下，应用占据屏幕的全部空间， 只有当用户从屏幕的上方边沿处向下划动时， 才会退出沉浸模式， 用户触摸屏幕其它部分时， 不会退出该模式， 这种模式比较适用于阅读器、 杂志类应用。另外一种叫“黏性沉浸模式”，让状态栏和虚拟按钮半透明，应用使用屏幕的全部空间， 当用户从屏幕的上方边沿处向下滑动时，也不会退出该模式， 但是系统界面 （状态栏、 导航栏） 将会以半透明的效果浮现在应用视图之上 ， 只有当用户点击系统界面上的控件时， 才会退出黏性沉浸模式。
采纳率：89%
来自团队：
就是全屏是状态栏不是看不到的么,沉浸式状态栏就是全屏时状态栏会显示,而且和背景色一样
本回答被提问者和网友采纳
沉浸模式就是你不点击状态栏时它自动回收缩回去隐藏
未开启沉浸模式状态栏背景色是黑色的，开启沉浸模式状态栏背景色是跟随APP界面颜色变化的
保密v吃吓得我的网站，的
说得都太复杂，简单说就是状态栏为透明背景。这样状态栏在任何界面就是那个界面的颜色。
3条折叠回答
为您推荐：
其他类似问题
状态栏的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。51CTO旗下网站
随手记 Android 沉浸式状态栏的踩坑之路
关于“沉浸式状态栏”这种叫法，有的朋友可能会觉得不妥。但是目前网上大部分讲到“沉浸式状态栏”基本都是指“透明状态栏”，所以这里就不讨论其对错了(其实有时候错的多了，也就成了对的了)，大家知道是说的“透明状态栏”就行了，下文都是称这种效果为“沉浸式状态栏”。
作者：佚名来源：| 12:44
关于&沉浸式状态栏&这种叫法，有的朋友可能会觉得不妥。但是目前网上大部分讲到&沉浸式状态栏&基本都是指&透明状态栏&，所以这里就不讨论其对错了(其实有时候错的多了，也就成了对的了)，大家知道是说的&透明状态栏&就行了，下文都是称这种效果为&沉浸式状态栏&。
4.4之前，所有应用都是无法设置状态栏的背景颜色的，都是跟着系统来的(黑色背景状态栏)，一块黑色的状态栏和应用非常不搭调。为了提供更好的交互效果，Google在Android
4.4之后提供了设置沉浸式状态栏的方法。支持沉浸式状态栏的App的界面显得逼格更高一点，因此随手记Android客户端也在年初的时候也支持了沉浸式状态栏。在实现沉浸式状态栏效果的过程中踩了不少的坑，特此记录下来。
下图为随手记Android客户端设置沉浸式状态栏前后的效果对比图：
对比两种效果，很明显下面设置了沉浸式状态栏的看上去更协调、更美观一点。
2-如何实现沉浸式状态栏
2.1-Android 4.4以上实现方式
由于沉浸式状态栏设置是在Android 4.4之后才提供的，所以我们需要对Android 4.4以上的系统做适配。Android
4.4有两种方式可以实现沉浸式状态栏，一种是在资源文件中设置，一种是在代码中设置。
2.1.1-资源文件中设置沉浸式状态栏
首先，我们要修改values/styles.xml，在里面添加一个空的style，继承自BaseTheme。
然后在values-v19目录下的styles.xml文件(如果项目中没有就新建一个，在4.4以上的系统就会读取该目录下的资源文件)添加如下代码：
然后将App的主题设置为AppTheme即可。 注：android:windowTranslucentStatus这个属性是v19开始引入的。
2.1.2-在代码中设置
在代码中实现更为方便一点，我们只需要在BaseActivity中添加一个FLAG TRANSLUCENT STATUS的flag即可。
通过上述两种方法设置之后，效果图如下：
我们会发现，仅仅通过上述设置Toolbar会顶到状态栏里面去。通常大家会想到使用fitsSystemWindows属性来解决此问题。
fitSystemWindows官方描述：Boolean internal attribute to adjust view layout based
on system windows such as the status bar. If true, adjusts the padding of this
view to leave space for the system windows. Will only take effect if this view
is in a non-embedded activity. 简单描述：这个属性的作用是让view可以根据系统窗口(如status
bar)来调整自己的布局，如果值为true，就会调整view的paingding属性来给system
windows留出空间(即给view添加一个值为状态栏高度的top padding)。
我们试着给Toolbar设置一下fitsSystemWindows属性为true。布局代码如下：
上面代码在Android 4.4和Android 5.0+上面对比效果图如下：
由上面对比图我们可以看出来，在Android 4.4上面状态栏是全透明的，而在Android 5.0+上面状态栏是半透明的。
注：有些4.4的系统上面状态栏并不是全透明的，而是渐变的。
2.2-Android 5.0以上实现方式
上面已经实现了沉浸式状态栏的效果了，但是如果运行在Android 5.0以上的机器上面，会发现大部分手机会出现状态栏是半透明的。
也有些App在Android
5.0以上就是这种状态栏半透明的效果，比如QQ。但是有些产品和设计就是想统一风格，全部都实现全透明的状态栏。那怎么办呢?Android自5.0起，又为我们提供了设置状态栏颜色的API，我们可以自己设置状态栏的颜色。
添加上述代码后再在Android 5.0+上运行看效果，状态栏已经变成全透明了，和上图Android 4.4效果一样的，这里就不再附图了。
2.3-Android 6.0以上设置状态栏字体颜色
大部分手机默认状态栏字体颜色是白色的，如果Toolbar或者界面头部的颜色较浅，那么状态栏上白色的字看不怎么清楚。 Android
6.0以后，我们可以使用代码将状态栏字体的颜色设置为黑色了，代码如下：
3-踩过的坑
本以为上面基本已经完美实现了沉浸式状态栏了，没想到测试的时候还是发现了一系列的坑。
3.1-软键盘弹出时Toolbar被顶上去了
如果在界面中有EditText或者其他输入框的话，会发现当软件盘弹出的时候Toolbar里面的内容都被顶上去了，如下图所示：
这是为什么呢?经研究发现原来是fitsSystemWindows属性搞的鬼。哪个View设置了fitsSystemWindows=true，这个View就会被软件盘顶上去。所以说，fitsSystemWindows不能乱用，会有意想不到的坑。
那能不能不用fitsSystemWindows呢?当然可以。前面也说了，fitsSystemWindows=true的作用是给View增加值为状态栏高度的padding，那我们何不自己手动给Toolbar添加padding呢?
我们去掉Toolbar上的fitsSystemWindows属性，并设置一下Toolbar的padding，代码如下：
去掉Toolbar的fitsSystemWindows属性，并加上上面的代码，软键盘弹出时Toolbar正常了。
目前随手记Android项目中就是使用代码添加padding的方式替代fitsSystemWindows属性的。
3.2-软键盘弹出时EditText等输入框会被软件盘覆盖掉
上面软件盘将Toolbar顶上去的示例图中，我们还会发现一个问题，就是软键盘弹出时EditText并没有跟着弹出来而是被软键盘覆盖掉了。
上面说Toolbar加了fitsSystemWindows属性之后会被软键盘顶上去，那么我们给输入框加一个fitsSystemWindows属性是否刚好就能解决输入框被覆盖的问题呢?果断试一下!
试了之后发现，果然可以，但是输入框的高度变了，其实是输入框的padding增加了状态栏的高度。很显然，这并不是一个很好的解决方式。
后来在stackoverflow上找到了一个解决方法：解决FLAG TRANSLUCENT STATUS导致输入框被软键盘覆盖的解决方案
我们对其做了点调整，代码如下：
添加上面的类，然后在Activity的onCreate方法中的setContentView后面加上如下代码：
然后运行，输入框能够正常被顶上去，而且输入框的布局又没有受到影响。
该方案的原理是，给界面的根布局设置一个监听器，当界面大小有变化的时候，如键盘弹出的时候，重新设置一下根布局的高度，再调用requestLayout对界面进行重绘。
目前随手记Android就是使用这个方案，截止到目前也没有发现这种方案会带来其他什么问题。
3.3-华为EMUI3.1上的坑
将上面的沉浸式代码放在EMUI3.1系统的手机(如华为荣耀7)上面跑，会发现根本没有沉浸式效果，状态栏是透明的，显示的是桌面上的颜色，如下图：
经验证，原来是EMUI3.1系统的原因，很多App也是在EMUI3.0上有沉浸式的效果，到了EMUI3.1却没有效果了。在EMUI3.1没有沉浸式效果如果和4.4以前一样是黑的也就算了，这样透明的显示桌面颜色实在难看。
后来发现去掉下面这句代码，可以让其有沉浸式的效果。
效果如下：
不过它的状态栏不是全透明的，而是像某些4.4的系统一样是渐变的，不过总比显示桌面颜色的效果好。
这里我们加一个判断，判断如果不是EMUI3.1的系统，才调用clearFlags清除掉FLAG TRANSLUCENT STATUS。 具体代码如下：
3.4-CoordinatorLayout+AppBarLayout滚动隐藏导航栏遇到沉浸式状态栏的坑
这个坑主要是在做理财头条需求的时候碰到的。
需求背景：头条功能需要实现二级TabLayout导航，第一级是Toolbar(头条、产品和发现)，第二级是是头条里面各个栏目切换的TabLayout。需要实现的效果是，在头条Fragment中，滑动帖子列表可以隐藏和显示一级导航Toolbar。一级导航Toolbar显示的时候，左右滑动是切换一级导航的Tab(即头条、发现和产品)。当在头条Fragment中上滑滚动帖子列表隐藏一级导航Toolbar后，左右滑动是切换二级导航的tab(即头条各个栏目)。效果见下图。
滚动列表隐藏和显示Toolbar，首先肯定是想到CoordinatorLayout+AppBarLayout。基于项目中已实现的沉浸式效果，添加修改Activity中的布局：
布局是在Toolbar中添加一个TabLayout作为一级导航的tab。然后使用一个ViewPager，给该ViewPager添加了三个Fragment，分别是头条、产品和发现的Fragment。其中，头条Fragment中又嵌套了TabLayout和ViewPager。
基于沉浸式的实现方案，在代码中给AppBarLayout添加一个状态栏高度的padding。本以为可以大功告成了，结果发现运行之后，在上滑隐藏AppBarLayout之后再下拉，会超出下拉范围，也就是下拉的时候会多出一条状态栏高度的空白，效果如下图顶部：
经过不断尝试和探索，发现给Activity添加如下flag即可:
嗯，不错，滑动问题解决了。但心里总是不安，总感觉有坑。后面发现确实有坑，添加了这个flag后，部分带虚拟按键的华为手机出现虚拟按键挡住底部布局的问题，经验证只有EMUI3.1才有这个问题(又是EMUI3.1，已无力吐槽)。
最后百般周折，终于找到有效解决CoordinatorLayout+AppBarLayout并给AppBarLayout设置paddingtop之后的滑动问题的方法了。
本以为上面解决方案已经完美没有任何问题了，没想到还是有坑。不久后测试发现一个现网问题：当WebView中的输入框获取焦点软键盘弹出后，退出界面时底部布局出现软键盘大小的黑块。如下图所示:
经排查，此问题就是由于上面那段代码引起的。
没办法，只能去掉上面那段代码，寻找另外的解决方案来处理CoordinatorLayout+AppBarLayout并给AppBarLayout设置paddingtop的滑动问题了。
后来在发现在Activity的onCreate方法中加上下面一段代码就可以完美解决这个问题。
上面就是随手记Android项目中沉浸式状态栏实现过程中遇到的坑以及解决方案。最终随手记Android实现状态栏效果后在不同机型上面效果图如下：
经过沉浸式状态栏的开发，发现几个容易踩的坑需要注意：
1.fitsSystemWindows=true要慎用，很多坑。比如WebView中输入框获取焦点弹出软键盘时出现抖动，还有哪个View设置了fitsSystemWindows=true软键盘弹出时哪个View就会被顶上去;
2.WindowManager.LayoutParams.FLAG LAYOUT
NO_LIMITS不要用，会导致EMUI3.1的系统下面虚拟按键挡住布局。【编辑推荐】【责任编辑： TEL：（010）】
大家都在看猜你喜欢
热点头条头条热点头条
24H热文一周话题本月最赞
讲师：107285人学习过
讲师：35696人学习过
讲师：44091人学习过
CTO专属活动
精选博文论坛热帖下载排行
本书是以一个典型的计算机广域网通信为背景进行编写的，详细、全面地介绍了通信网中最主要的两个部分：目前，国内外接入网与交换网的主要技...
订阅51CTO邮刊}