android状态栏一体化(沉浸式状态栏)

最新推荐文章于 2022-08-11 18:26:24 发布
最新推荐文章于 2022-08-11 18:26:24 发布
阅读量10w+ 收藏 201
点赞数 25
分类专栏： Android开发 开源工具组件

Android 沉浸式状态栏、状态栏一体化、透明状态栏、仿ios透明状态栏 

http://blog.csdn.net/jdsjlzx/article/details/50437779

注：状态栏的字体颜色位白色， 如果状态栏背景为白色，上面的博客已经解决了。


原文出处：http://niorgai.github.io/2016/03/20/Android-transulcent-status-bar/ 

最近业务上看到一个设计图挺好看,所以研究了一下透明状态栏,注意不是沉浸式状态栏,在参考了网上的一些资料后,整理出了这篇博客.

Github Demo 链接: StatusBarCompat

参考文章:

  1. 由沉浸式状态栏引发的血案

  2. Translucent System Bar 的最佳实践

  3. 该使用 fitsSystemWindows 了！

首先强调,对于状态栏的处理有两种不同的方式, 这里从Translucent System Bar 的最佳实践直接盗了两张图做对比~.

全屏( ContentView 可以进入状态栏)非全屏 ( ContentView 与状态栏分离, 状态栏直接着色)

先定义几个名词:

  1. 全屏模式: 左边图所示.

  2. 着色模式: 右边图所示.

  3. ContentView: activity.findViewById(Window.ID_ANDROID_CONTENT) 获取的 View , 即 setContentView 方法所设置的 View, 实质为 FrameLayout.

  4. ContentParent: ContentView 的 parent , 实质为 LinearLayout.

  5. ChildView: ContentView 的第一个子 View ,即布局文件中的 layout .

再介绍一下相关的函数:

  1. fitsSystemWindows, 该属性可以设置是否为系统 View 预留出空间, 当设置为 true 时,会预留出状态栏的空间.

  2. ContentView, 实质为 ContentFrameLayout, 但是重写了 dispatchFitSystemWindows 方法, 所以对其设置 fitsSystemWindows 无效.

  3. ContentParent, 实质为 FitWindowsLinearLayout, 里面第一个 View 是 ViewStubCompat, 如果主题没有设置 title ,它就不会 inflate .第二个 View 就是 ContentView.

5.0以上的处理:

自5.0引入 Material Design ,状态栏对开发者更加直接,可以直接调用 setStatusBarColor 来设置状态栏的颜色.

全屏模式:

Window window = activity.getWindow();
//设置透明状态栏,这样才能让 ContentView 向上
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 

//需要设置这个 flag 才能调用 setStatusBarColor 来设置状态栏颜色
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); 
//设置状态栏颜色
window.setStatusBarColor(statusColor);

ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
View mChildView = mContentView.getChildAt(0);
if (mChildView != null) {
    //注意不是设置 ContentView 的 FitsSystemWindows, 而是设置 ContentView 的第一个子 View . 使其不为系统 View 预留空间.
    ViewCompat.setFitsSystemWindows(mChildView, false);
}

着色模式:

Window window = activity.getWindow();
//取消设置透明状态栏,使 ContentView 内容不再覆盖状态栏
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 

//需要设置这个 flag 才能调用 setStatusBarColor 来设置状态栏颜色
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); 
//设置状态栏颜色
window.setStatusBarColor(statusColor);

ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
View mChildView = mContentView.getChildAt(0);
if (mChildView != null) {
    //注意不是设置 ContentView 的 FitsSystemWindows, 而是设置 ContentView 的第一个子 View . 预留出系统 View 的空间.
    ViewCompat.setFitsSystemWindows(mChildView, true);
}

4.4-5.0的处理:

4.4-5.0因为没有直接的 API 可以调用,需要自己兼容处理,网上的解决方法基本都是创建一下高度为状态栏的 View ,通过设置这个 View 的背景色来模拟状态栏. 这里我尝试了三种方法来兼容处理.

方法1: 向 ContentView 添加假 View , 设置 ChildView 的 marginTop 属性来模拟 fitsSystemWindows .

全屏模式:

Window window = activity.getWindow();
ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);

//首先使 ChildView 不预留空间
View mChildView = mContentView.getChildAt(0);
if (mChildView != null) {
    ViewCompat.setFitsSystemWindows(mChildView, false);
}

int statusBarHeight = getStatusBarHeight(activity);
//需要设置这个 flag 才能设置状态栏
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//避免多次调用该方法时,多次移除了 View
if (mChildView != null && mChildView.getLayoutParams() != null && mChildView.getLayoutParams().height == statusBarHeight) {
    //移除假的 View.
    mContentView.removeView(mChildView);
    mChildView = mContentView.getChildAt(0);
}
if (mChildView != null) {
    FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) mChildView.getLayoutParams();
    //清除 ChildView 的 marginTop 属性
    if (lp != null && lp.topMargin >= statusBarHeight) {
        lp.topMargin -= statusBarHeight;
        mChildView.setLayoutParams(lp);
    }
}

着色模式:

Window window = activity.getWindow();
ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);

//First translucent status bar.
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
int statusBarHeight = getStatusBarHeight(activity);

View mChildView = mContentView.getChildAt(0);
if (mChildView != null) {
    FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) mChildView.getLayoutParams();
    //如果已经为 ChildView 设置过了 marginTop, 再次调用时直接跳过
    if (lp != null && lp.topMargin < statusBarHeight && lp.height != statusBarHeight) {
        //不预留系统空间
        ViewCompat.setFitsSystemWindows(mChildView, false); 
        lp.topMargin += statusBarHeight;
        mChildView.setLayoutParams(lp);
    }
}

View statusBarView = mContentView.getChildAt(0);
if (statusBarView != null && statusBarView.getLayoutParams() != null && statusBarView.getLayoutParams().height == statusBarHeight) {
    //避免重复调用时多次添加 View
    statusBarView.setBackgroundColor(statusColor);
    return;
}
statusBarView = new View(activity);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight);
statusBarView.setBackgroundColor(statusColor);
//向 ContentView 中添加假 View
mContentView.addView(statusBarView, 0, lp);

方法2: 向 ContentParent 添加假 View ,设置 ContentView 和 ChildView 的 fitsSystemWindows.

全屏模式:

Window window = activity.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
ViewGroup mContentParent = (ViewGroup) mContentView.getParent();

View statusBarView = mContentParent.getChildAt(0);
if (statusBarView != null && statusBarView.getLayoutParams() != null && statusBarView.getLayoutParams().height == getStatusBarHeight(activity)) {
    //移除假的 View
    mContentParent.removeView(statusBarView);
}
//ContentView 不预留空间
if (mContentParent.getChildAt(0) != null) {
    ViewCompat.setFitsSystemWindows(mContentParent.getChildAt(0), false);
}

//ChildView 不预留空间
View mChildView = mContentView.getChildAt(0);
if (mChildView != null) {
    ViewCompat.setFitsSystemWindows(mChildView, false);
}

着色模式(会有一条黑线,无法解决):

Window window = activity.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
ViewGroup mContentParent = (ViewGroup) mContentView.getParent();

View statusBarView = mContentParent.getChildAt(0);
if (statusBarView != null && statusBarView.getLayoutParams() != null && statusBarView.getLayoutParams().height == getStatusBarHeight(activity)) {
    //避免重复调用时多次添加 View
    statusBarView.setBackgroundColor(statusColor);
    return;
}

//创建一个假的 View, 并添加到 ContentParent
statusBarView = new View(activity);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
        getStatusBarHeight(activity));
statusBarView.setBackgroundColor(statusColor);
mContentParent.addView(statusBarView, 0, lp);

//ChildView 不需要预留系统空间
View mChildView = mContentView.getChildAt(0);
if (mChildView != null) {
    ViewCompat.setFitsSystemWindows(mChildView, false);
}

方法3:向 ContentView 添加假 View , 设置 ChildView 的 fitsSystemWindows.

全屏模式:

Window window = activity.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
View statusBarView = mContentView.getChildAt(0);
//移除假的 View
if (statusBarView != null && statusBarView.getLayoutParams() != null && statusBarView.getLayoutParams().height == getStatusBarHeight(activity)) {
    mContentView.removeView(statusBarView);
}
//不预留空间
if (mContentView.getChildAt(0) != null) {
    ViewCompat.setFitsSystemWindows(mContentView.getChildAt(0), false);
}

着色模式:

Window window = activity.getWindow();
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
int statusBarHeight = getStatusBarHeight(activity);

View mTopView = mContentView.getChildAt(0);
if (mTopView != null && mTopView.getLayoutParams() != null && mTopView.getLayoutParams().height == statusBarHeight) {
    //避免重复添加 View
    mTopView.setBackgroundColor(statusColor);
    return;
}
//使 ChildView 预留空间
if (mTopView != null) {
    ViewCompat.setFitsSystemWindows(mTopView, true);
}

//添加假 View
mTopView = new View(activity);
ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight);
mTopView.setBackgroundColor(statusColor);
mContentView.addView(mTopView, 0, lp);

其实全屏模式在三种模式下实现都是一样的,主要是着色模式实现不同.

对比一下三种着色模式实现的方式:

 方法1方法2方法3
原理向 ContentView 中添加假 View, 然后利用 ChildView 的 marginTop 属性来模拟 fitsSystemWindows ,主要是通过修改 marginTop 的值可以在全屏模式和着色模式之间切换.因为 ParentView 的实质是一个 LinearLayout , 可以再其顶部添加 View .向 ContentView 中添加假 View, 然后利用ChildView 的 fitsSystemWindows 属性来控制位置, 但是实现缺陷就是不能随时切换两种模式.
缺陷改变了 ChildView 的 marginTop 值着色模式下,会像由沉浸式状态栏引发的血案中一样出现一条黑线不能在不重启 Activity 的情况下切换模式.
对应 Github demo 中代码StatusBarCompat类StatusBarCompat1类StatusBarCompat2 类

总结

  • StatusBarCompat2 主要问题不能切换.

  • StatusBarCompat1 在4.4上会有一条黑线, 如果可以解决我觉得这是最靠谱的解决方法.

  • StatusBarCompat 类算是我最后给出的解决方案吧, 目前使用效果比较完善.推荐使用

    • 用户可以随时在同一个 Activity 中切换不同的状态栏模式.

    • 就算子 View 重写了 dispatchFitSystemWindows 也不会有影响.


推荐干货集中营Android客户端，实现了沉浸式状态栏，无缝换肤，带3D感觉的侧滑菜单

主页及侧滑页截图

gank1.png
福利及换肤截图

gank2.png

下载地址：干货集中营
github：GanK


一叶飘舟
关注
  • 25
    点赞
  • 踩
  • 201
    收藏
    觉得还不错? 一键收藏
  • 37
    评论
专栏目录
仿ios点击状态栏回到顶部功能修改版
07-25
这是仿ios点击状态栏回到顶部功能的修改版，修复了先前版本点击返回或回到桌面时会crash的问题
android:fitssystemwindows的作用,android – fitsSystemWindows到底做了什么？
weixin_39890633的博客
05-25 137
我很难理解，AccuracySystemWindows的概念取决于视图它做不同的事情。根据官方文件，它是一个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 leav...
android一行代码搞定沉浸式状态栏
guan2android的博客
05-26 154
package com.csii.vierbom.voip.util; import android.annotation.TargetApi; import android.app.Activity; import android.content.Context; import android.graphics.Color; import android.os.Build; import android.support.v4.view.ViewCompat; import android.view.Vi
Android沉浸式状态栏，看完这篇就够了！
热门推荐
ruanyandong的博客
01-13 3万+
参考以下文章 Android关于沉浸式状态栏总结 Android适配—沉浸式状态栏 Android App 沉浸式状态栏解决方案 Android 沉浸式解析和轮子使用 Android沉浸式(透明)状态栏适配 Android状态栏微技巧，带你真正理解沉浸式模式 android沉浸式状态栏封装—教你玩出新花样 ImmersionBar – android 4.4以上沉浸式实现 ...
如何实现沉浸式状态栏
weixin_38775077的博客
07-10 276
前段时间项目中需要实现一个这样的功能，也是具体去研究了一下，趁着最近不是很忙，所以就整理了一个工具类XStatusBarHelper，也在这儿分享一下自己的实现方式。何为沉浸式状态栏简单的来说，就是状态栏可以改变颜色，不再是默认的黑色。或者状态栏是透明的，内容在状态栏下面。当然很多人也说这样不叫沉浸式状态栏，这个就不去深入研究了，先来看看我们最终想要的效果。效果一：状态栏变色效果二：状态栏透明全屏...
R可视化14|ggthemr、gsci、tvthemes助您绘制靓丽美图
qq_21478261的博客
10-28 432
ggthemr、gsci、tvthemes助您绘制靓丽美图
Android 沉浸式状态栏
xiangxiongfly
09-18 4165
这事可以借助Palette库识别状态栏区域的颜色，如果是浅色将状态栏图标的颜色改为黑色，否则改为白色。将FrameLayout替换为CoordinatorLayout布局。属性不生效，而使用CoordinatorLayout 布局时才能生效。当状态栏图标的颜色和背景图颜色非常接近时，会导致部分内容看不清的情况。可以使用CollapsingToolbarLayout控件解决。状态栏部分没有被颜色，说明沉浸式效果没有达到。为什么根布局是FrameLayout时，图片并有延伸到状态栏区域。...
Android_仿ios状态栏一体化
Ricky‘s Home
05-13 6534
Google 在 4.4 给全屏阅读文字或玩游戏这种情景增加了透明状态栏和透明导航栏的功能，实现状态栏一体化，在4.4以后只需要两步，如果需要兼容更低版本，那就需要自定义了。 第一步：设置 Acitivity 所在 window 的属性 透明状态栏  ：getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_ST
仿IOS沉浸式状态栏实现
晨风的小窝
12-08 6714
很简单，在BaseActivity添加代码：@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(getLayout()); //判断当前SDK版本号，如果是4.4以上，就是
【UI篇】Android 沉浸式状态栏的那些事
qq_32664007的博客
08-11 6159
1、隐藏状态栏时，刘海屏需要多做两个步骤①：将 window 上移到状态栏位置。②：将decorView 上移到状态栏位置。而隐藏导航栏时则直接隐藏即可。2、沉浸式设置都要配合使用才不会遮挡显示内容3、隐藏状态栏的时候，如果加上了属性，那么在刘海屏手机上也会有一个上边距，如下图，在直屏手机中是正常的。-...
仿IPHONE状态栏
11-08
仿IPHONE状态栏
Android 沉浸式状态栏(亲测好用)
01-28
Android 沉浸式状态栏，包括普通沉浸式与图片沉浸式，亲测好用！
Android实现沉浸式状态栏
09-01
主要为大家详细介绍了Android沉浸式状态栏的实现代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 系统状态栏一体化
03-09
把系统状态栏集成到app当中，使得界面美观大方。 有这方面需求的朋友可以下载试试，具体情况可进博客一观。 博客地址：http://blog.csdn.net/aiyuan0204 注：这是android4.4新特性，只支持4.4以上版本
android状态栏一体化，沉浸式状态栏，状态栏管理类
11-09
android状态栏一体化，沉浸式状态栏，状态栏管理类，自动管理工具类
Linux操作系统相关习题集
04-25
Linux操作系统相关习题集，包含常用名、Linux系统基础知识等
基于java的-30-「计算机毕业设计」基于net的湖南特产销售网站-源码.zip
04-25
提供的源码资源涵盖了Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试，可以直接运行，可以放心下载使用。有任何使用问题欢迎随时与博主沟通，第一时间进行解答！
JVM+Java程序运行过程内存分配图解
最新发布
04-25
1、JVM 内存分配图解的 Visio 工程图。 2、直接下载使用、可自行调整和修改
IOC智慧运营中心平台整体解决方案qy.pptx
04-25
IOC智慧运营中心平台整体解决方案qy.pptx

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 37
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值