求助,状态栏全局mui 沉浸式状态栏怎样弄

1被浏览444分享邀请回答0添加评论分享收藏感谢收起小知识点(39)
原文出处:&
伴随着 Android 5.0 发布的 Material Design,让 Android 应用告别了以前的工程师审美,迎来了全新的界面,灵动的交互,也让越来越多的 App 开始遵从 material design 设计原则,不再是以前拿着iOS设计稿,做着Android开发。本文就其中的沉浸式状态栏这一特性,描述其兼容到4.4的实现,以及一些使用中的小细节。
** 建议直接看最新的解决方案&**
### 前言 在4.4之前状态栏一直是黑色的,在4.4中带来了windowTranslucentStatus&这一特性,因此可以实现给状态栏设置颜色,如下图所示,状态栏颜色不再是黑色,而是可以定制的颜色。
国内将状态栏变色叫做沉浸式状态栏,时间久了,叫的人多了,大家就不再深究,默认了这种叫法。
可以在知乎上看到关于这个问题的讨论:
需要解决的问题
4.4及其以上都是可以实现沉浸式状态栏效果的,5.0及其以上可以直接在主题中设置颜色,或者调用&Window&类中的&setStatusBarColor(int color)&来实现,这两种方式在5.0上都比较简单,但是如何兼容到4.4呢?
图片背景的页面,怎样让状态栏透明或者半透明(效果如下)?
使用 DrawerLayout 时,主界面实现沉浸状态栏同时,怎样保证抽屉视图也能延伸到状态栏(如下图所示),且兼容到4.4?
以上就是本文要解决的问题,下面给出解决方案。
1. 给状态栏设置颜色
先设置状态栏透明属性;
给根布局加上一个和状态栏一样大小的矩形View(色块),添加到顶上;
然后设置根布局的&FitsSystemWindows&属性为&true,此时根布局会延伸到状态栏,处在状态栏位置的就是之前添加的色块,这样就给状态栏设置上颜色了。
代码如下:
&&&&public&static&void&setColor(Activity&activity,&int&color)&{
&&&&&&&&if&(Build.VERSION.SDK_INT&&=&Build.VERSION_CODES.KITKAT)&{
&&&&&&&&&&&&
&&&&&&&&&&&&activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
&&&&&&&&&&&&
&&&&&&&&&&&&View&statusView&=&createStatusView(activity,&color);
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&decorView&=&(ViewGroup)&activity.getWindow().getDecorView();
&&&&&&&&&&&&decorView.addView(statusView);
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&rootView&=&(ViewGroup)&((ViewGroup)&activity.findViewById(android.R.id.content)).getChildAt(0);
&&&&&&&&&&&&rootView.setFitsSystemWindows(true);
&&&&&&&&&&&&rootView.setClipToPadding(true);
其中生成状态栏一样大小的矩形色块的代码如下:
&&&&private&static&View&createStatusView(Activity&activity,&int&color)&{
&&&&&&&&int&resourceId&=&activity.getResources().getIdentifier(&status_bar_height&,&&dimen&,&&android&);
&&&&&&&&int&statusBarHeight&=&activity.getResources().getDimensionPixelSize(resourceId);
&&&&&&&&View&statusView&=&new&View(activity);
&&&&&&&&LinearLayout.LayoutParams&params&=&new&LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
&&&&&&&&&&&&&&&&statusBarHeight);
&&&&&&&&statusView.setLayoutParams(params);
&&&&&&&&statusView.setBackgroundColor(color);
&&&&&&&&return&statusV
在&setContentView()&之后调用&setColor(Activity activity, int color)&方法即可。
2. 图片作背景时,状态栏透明
这个实现比较简单,根布局背景设置为图片,然后添加状态栏透明 Flag, 然后设置根布局的&FitsSystemWindows&属性为&true&即可。代码如下:
&&&&public&static&void&setTranslucent(Activity&activity)&{
&&&&&&&&if&(Build.VERSION.SDK_INT&&=&Build.VERSION_CODES.KITKAT)&{
&&&&&&&&&&&&
&&&&&&&&&&&&activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&rootView&=&(ViewGroup)&((ViewGroup)&activity.findViewById(android.R.id.content)).getChildAt(0);
&&&&&&&&&&&&rootView.setFitsSystemWindows(true);
&&&&&&&&&&&&rootView.setClipToPadding(true);
同样的,在&setContentView()&之后调用&setTranslucent(Activity activity)&方法即可。
3. 使用 DrawerLayout 时的特殊处理
使用 DrawerLayout 时,此时不能再对根布局,即 DrawerLayout 进行设置,而要针对 DrawerLayout 的内容布局进行设置,即抽屉之外的另一个布局。
如下是一个典型的 DrawerLayout 的布局,其内容布局即&FrameLayout,我们需要对&FrameLayout&进行仿状态栏色块的添加、FitsSystemWindows&属性的设置。
&&&?xml&version=&1.0&&encoding=&utf-8&?&&android.support.v4.widget.DrawerLayout
&&&&android:id=&@+id/drawer_layout&
&&&&xmlns:android=&&
&&&&xmlns:app=&&
&&&&android:layout_width=&match_parent&
&&&&android:layout_height=&match_parent&&
&&&&&FrameLayout
&&&&&&&&android:layout_width=&match_parent&
&&&&&&&&android:layout_height=&match_parent&&
&&&&&&&&&LinearLayout
&&&&&&&&&&&&android:id=&@+id/main&
&&&&&&&&&&&&android:layout_width=&match_parent&
&&&&&&&&&&&&android:layout_height=&match_parent&
&&&&&&&&&&&&android:orientation=&vertical&&
&&&&&&&&&&&&&android.support.v7.widget.Toolbar
&&&&&&&&&&&&&&&&android:id=&@+id/toolbar&
&&&&&&&&&&&&&&&&android:layout_width=&match_parent&
&&&&&&&&&&&&&&&&android:layout_height=&?attr/actionBarSize&
&&&&&&&&&&&&&&&&android:background=&@color/colorPrimary&
&&&&&&&&&&&&&&&&app:popupTheme=&@style/ThemeOverlay.AppCompat.Light&
&&&&&&&&&&&&&&&&app:theme=&@style/ThemeOverlay.AppCompat.Dark.ActionBar&/&
&&&&&&&&&/LinearLayout&
&&&&&/FrameLayout&
&&&&&android.support.design.widget.NavigationView
&&&&&&&&android:id=&@+id/navigation&
&&&&&&&&android:layout_width=&wrap_content&
&&&&&&&&android:layout_height=&match_parent&
&&&&&&&&android:layout_gravity=&start&
&&&&&&&&app:headerLayout=&@layout/nav_header&
&&&&&&&&app:menu=&@menu/activity_main_drawer&/&&/android.support.v4.widget.DrawerLayout&
还有一个需要注意的设置抽屉布局(Drawer)的&FitsSystemWindows&属性为&false,即上面布局中的&NavigationView。
DrawerLayout 状态栏变色
代码如下:
&&&&public&static&void&setColorForDrawerLayout(Activity&activity,&DrawerLayout&drawerLayout,&int&color)&{
&&&&&&&&if&(Build.VERSION.SDK_INT&&=&Build.VERSION_CODES.KITKAT)&{
&&&&&&&&&&&&activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
&&&&&&&&&&&&
&&&&&&&&&&&&View&statusBarView&=&createStatusBarView(activity,&color);
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&contentLayout&=&(ViewGroup)&drawerLayout.getChildAt(0);
&&&&&&&&&&&&contentLayout.addView(statusBarView,&0);
&&&&&&&&&&&&
&&&&&&&&&&&&if&(!(contentLayout&instanceof&LinearLayout)&&&&contentLayout.getChildAt(1)&!=&null)&{
&&&&&&&&&&&&&&&&contentLayout.getChildAt(1).setPadding(0,&getStatusBarHeight(activity),&0,&0);
&&&&&&&&&&&&}
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&drawer&=&(ViewGroup)&drawerLayout.getChildAt(1);
&&&&&&&&&&&&drawerLayout.setFitsSystemWindows(false);
&&&&&&&&&&&&contentLayout.setFitsSystemWindows(false);
&&&&&&&&&&&&contentLayout.setClipToPadding(true);
&&&&&&&&&&&&drawer.setFitsSystemWindows(false);
需要注意的是,DrawerLayout&的布局只能包含两个直接子布局,一个是内容布局,一个是抽屉布局,结构如前面的示例布局所示,如果内容布局的根布局如果不是LinearLayout&需要对其子布局设置padding top值,否则仿状态栏色块会被遮挡在最下面,布局内容延伸到状态栏,如下图所示:
(ps:就上图中的问题,目前的解决方案感觉并不是很好,如果你有更好的解决方案,请告诉我~)
DrawerLayout 状态栏透明
&&&&public&static&void&setTranslucentForDrawerLayout(Activity&activity,&DrawerLayout&drawerLayout)&{
&&&&&&&&if&(Build.VERSION.SDK_INT&&=&Build.VERSION_CODES.KITKAT)&{
&&&&&&&&&&&&
&&&&&&&&&&&&activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&contentLayout&=&(ViewGroup)&drawerLayout.getChildAt(0);
&&&&&&&&&&&&contentLayout.setFitsSystemWindows(true);
&&&&&&&&&&&&contentLayout.setClipToPadding(true);
&&&&&&&&&&&&
&&&&&&&&&&&&ViewGroup&vg&=&(ViewGroup)&drawerLayout.getChildAt(1);
&&&&&&&&&&&&vg.setFitsSystemWindows(false);
&&&&&&&&&&&&
&&&&&&&&&&&&drawerLayout.setFitsSystemWindows(false);
同样的,在&setContentView()&之后调用上述解决方案中的方法即可。
在项目中使用
以上代码我整理成了一个工具类,放在 github 上:
在项目中推荐这样使用,在&BaseActivity&中重写&setContentView(int layoutResID)&方法,新建一个&setStatusBar()方法,全局设置状态栏颜色,因为一般 App 大部分界面状态栏都是主题色。
public&class&BaseActivity&extends&AppCompatActivity&{
&&&&@Override
&&&&public&void&setContentView(int&layoutResID)&{
&&&&&&&&super.setContentView(layoutResID);
&&&&&&&&setStatusBar();
&&&&protected&void&setStatusBar()&{
&&&&&&&&StatusBarUtils.setColor(this,&getResources().getColor(R.color.colorPrimary));
当子类 Activity 的状态栏需要特殊处理时,比如设置不同的颜色,或者设置图片为背景时,重写父类的&setStatusBar()&方法即可,例如:
public&class&ImageStatusBarActivity&extends&BaseActivity&{
&&&&@Override
&&&&protected&void&onCreate(Bundle&savedInstanceState)&{
&&&&&&&&super.onCreate(savedInstanceState);
&&&&&&&&setContentView(R.layout.activity_image_status_bar);
&&&&@Override
&&&&protected&void&setStatusBar()&{
&&&&&&&&StatusBarUtils.setTranslucent(this);
对 DrawerLayout 布局使用时,需要注意一点,因为方法是在&setContentView()&之后立即调用的,所以传进来的&DrawerLayout&要通过&findViewById()&传进来。如果传入在&setContentView()&之后通过&findViewById()&得到的&DrawerLayout, 则会造成空指针异常。
&StatusBarUtils.setColorForDrawerLayout(this,&(DrawerLayout)&findViewById(R.id.drawer_layout),&getResources()
&&&&&&&&&&&&&&&&.getColor(R.color.colorPrimary));
源码和Demo下载魅族怎么设置沉浸式状态栏?魅族沉浸式状态栏功能使用方法图解
互联网 & 07-13 11:28:20 & 作者:佚名 &
很多使用魅族手机的朋友们,为了使手机显示更加美观,都想将魅族的状态看设置为沉浸式,那么,魅族怎么设置沉浸式状态栏呢?针对此问题,本文就为大家图文介绍魅族沉浸式状态栏功能的使用步骤,有兴趣的朋友们可以了解下
魅族是一款很受大众欢迎的手机。我们在使用魅族的时候很多的朋友想要将魅族的状态栏设置为沉浸式。这样会让手机显示的更加美观,下面小编就为大家分享一下魅族怎么设置沉浸式状态栏教程。
注意事项:手机必须ROOT才能做接下来的步骤。系统必须是Flyme4.0以上的
1、需要下载下面这两个App
2、打开后你会发现魅族工具箱是红色的,这表明是不能设置沉浸栏。然后你打开Xposed,然后点击激活应用模块,勾选魅族工具箱,然后点击激活。
3、点击激活后会出现安装更新,直接点击安装更新。它会提示你重启你直接重启就行了。重启后你在打开魅族工具箱你会发现变蓝色了,这说明你可以设置沉浸式状态栏了。
4、打开魅族工具箱打开状态栏,前三个都打开就行了,这样沉浸式状态栏就OK啦。看看效果吧!
大家感兴趣的内容
12345678910
最近更新的内容求助求助。。。怎么弄沉浸式状态栏啊。。。。【华为b199吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:2,749贴子:
求助求助。。。怎么弄沉浸式状态栏啊。。。。收藏
如题。。。看大家的状态栏弄得都好漂亮的说
苏宁易购手机,正品行货,超低价格,稀缺爆款现货抢,买好机上苏宁网上商城!苏宁易购大牌手机,正品保障,支持货到付款,7天24小时1对1贴心服务!
沉浸是状态栏自动隐藏,华为的是透明,ios是透明,还有别的rom大多是变色
有的主题就支持
登录百度帐号平板/笔记本
HiLink生态产品
终端云服务专区
求助!!!状态栏全局沉浸怎样弄?不刷机的状态下怎么弄
&略有小成&
发表于 6&天前
来自:LND-AL30
最新回复 5&天前
各位大神帮帮忙!
%2Fstorage%2F3E0F-96B7%2FPictures%2FScreenshots%2FIMG_057.jpg (34.84 KB, 下载次数: 0)
6&天前 上传
width:100%">
&略有小成&
发表于 6&天前
来自:LND-AL30
沙发自己坐
width:100%">
&略有小成&
发表于 6&天前
来自:LND-AL30
大神们在线嘛,
width:100%">
&渐入佳境&
发表于 6&天前
来自:BLN-AL20
& & &color name=&primary_emui_light&&#&/color&
& & &color name=&navigationbar_emui_light&&#&/color&
com.android.settings在这个文件里的theme.xml里改吗?直接加进去吗?&
发表于 6&天前
用这代码大部分应用是无效的&
发表于 5&天前
这个只对华为系统应用有效 例如qq与微信需要单独添加模块&
发表于 5&天前
width:100%">
&渐入佳境&
发表于 6&天前
来自:BLN-AL20
框架模块里面 不是设置模块
请问哪个是框架模块???&
发表于 6&天前
大神?怎么弄啊?&
发表于 6&天前
width:100%">
&略有小成&
发表于 6&天前
来自:JMM-AL10
求信号素材
width:100%">
&自成一派&
发表于 6&天前
来自:荣耀7X 全面屏手机
楼主先学教程吧,上来就高速跑,心脏受不了
大神说得对,我有时间再研究吧&
发表于 6&天前
width:100%">
&自成一派&
发表于 6&天前
来自:荣耀9 美得有声有色
路过。。。
width:100%">
&登堂入室&
发表于 5&天前
来自:华为Mate10 Pro
真没必要弄这个
本人有点强迫症( o?? _ o?? )&
发表于 5&天前
强迫症是很累的&
发表于 3&天前
width:100%">
西湖——长桥老铁轨上来一组人像Memory的Melody不负好春光拍拍拍~7X全屏摄春福建南靖珠坑社黄花风铃木
花粉客户端
Make it Possible
Make your device special
华为云服务
Huawei cloud services
音乐播放器
Huawei Music
Huawei Vmall
关注花粉俱乐部
举报邮箱:
|关注花粉俱乐部:
Copyright (C)
华为软件技术有限公司 版权所有 保留一切权利

我要回帖

更多关于 全局沉浸 的文章

 

随机推荐