文档章节

Android 4.4以上"沉浸式"状态栏效果的实现方法

丁佳辉
 丁佳辉
发布于 2017/01/16 16:59
字数 1215
阅读 7
收藏 0

实现原理

      从4.4后系统增加了透明状态栏的特性WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
一旦添加上这个属性后,那么布局中的内容DecorView就会自动填充到状态栏。所有的实现都是基于这个特性,就相当于这个时候状态栏会默认空出来,然后开发者可以自定义view来填充这个高度的.

     实现的过程中可能还要用到android:fitsSystemWindows="true" ,这个属性很重要。其含义:view可以根据系统窗口(如status bar,软键盘)来调整自己的布局,如果值为true,就会调整view的paingding属性来给system windows留出空间....

那么现在来看看具体实现方式吧

android,4.4,沉浸模式,android4.4状态栏沉浸,沉浸式状态栏
一般页面都是自己定义个类标题栏

实现

从实现效果上,这里大致分为两种

1、单独给状态栏着色

使用这个开源库SystemBarTint

/**
  * 状态栏颜色设置方法
  * @param context
  * @param color
  */
 public static void smartTintManager(Activity context, int color){
   if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
     Window window = context.getWindow();
     window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
     // 创建状态栏的管理实例
     SystemBarTintManager tintManager = new SystemBarTintManager(context);
     // 激活状态栏设置
     tintManager.setStatusBarTintEnabled(true);
     tintManager.setStatusBarTintColor(color);
   }
 }

在对应的页面的根布局中添加android:fitsSystemWindows="true" ,且根布局中不能设置整体的大背景色,否则状态栏着色就会被覆盖

调用上面方法设置具体的颜色(依据开源库,其中就一个核心类,可以直接把那个类拷贝到项目中)

这里主要讲一下具体的实现原理

private void setupStatusBarView(Context context, ViewGroup decorViewGroup) {
   mStatusBarTintView = new View(context);
   LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, mConfig.getStatusBarHeight());
   params.gravity = Gravity.TOP;
   if (mNavBarAvailable && !mConfig.isNavigationAtBottom()) {
     params.rightMargin = mConfig.getNavigationBarWidth();
   }
   mStatusBarTintView.setLayoutParams(params);
   mStatusBarTintView.setBackgroundColor(DEFAULT_TINT_COLOR);
   mStatusBarTintView.setVisibility(View.GONE);
   decorViewGroup.addView(mStatusBarTintView);
 }

通过这段代码,很容易看出,通过动态生成一个view,然后这个view宽是MATCH_PARENT , 高度是系统状态栏的高度;然后为这个动态生成的view设置一个背景颜色;最后将这个view添加到decorViewGroup这个view容器中,那再看看这个view到底是谁

/**
  * Constructor. Call this in the host activity onCreate method after its
  * content view has been set. You should always create new instances when
  * the host activity is recreated.
  *
  * @param activity The host activity.
  */
 @TargetApi(19)
 public SystemBarTintManager(Activity activity) {

   Window win = activity.getWindow();
   //获得DecorView根布局容器
   ViewGroup decorViewGroup = (ViewGroup) win.getDecorView(); 
   ..... 
   if (mStatusBarAvailable) {
     // 这个view容器是decorViewGroup
     setupStatusBarView(activity, decorViewGroup);
   }
   if (mNavBarAvailable) {
     setupNavBarView(activity, decorViewGroup);
   }

 }

注意看上面两个我手动添加的注释,可见,这种做法思想就是状态栏透明后,向根布局decorViewGroup中添加一个和状态栏等高度的view。至于你让这个view是什么颜色,那就随你心情了。

2、用标题栏的背景色来填充状态栏

将状态栏设置为半透明的,此时出现的问题是下面的内容会占据了状态栏。

如果我们在activity的根布局添加 android:fitsSystemWindows="true"

那么此时状态栏还是可以看见的,并没有占据。那这个属性的作用就在此了。

此时我们借助状态栏的高度,为下面的内容设置一个padding-top距离(因为状态栏半透明后,下面的内容会占据原有的状态栏,那么将其设置一个padding的状态栏高度即可)这样设置后,在这个view的背景的padding下,原有的状态栏高度填充了同样的背景色,那么这样的话就貌似所谓的沉浸式了

这种方式说白了,就是状态栏半透明后,用下面的内容来合适的填充(因为默认半透明会是被占据)

代码如下:

@SuppressLint("InlinedApi")
public static void setImmerseLayout(Activity context, View view) {
  if (context == null || view == null) {
    return;
  }
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    Window window = context.getWindow();
    window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
        WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    int statusBarHeight = getStatusBarHeight(context.getBaseContext());
    view.setPadding(0, statusBarHeight, 0, 0);
  }
}

/**
 * 用于获取状态栏的高度。 使用Resource对象获取(推荐这种方式)
 *
 * @return 返回状态栏高度的像素值。
 */
public static int getStatusBarHeight(Context context) {
  int result = 0;
  int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
  if (resourceId > 0) {
    result = context.getResources().getDimensionPixelSize(resourceId);
  }
  return result;
}

对这个view设置一个padding_top,而这个padding的距离刚好是状态栏的高度,那么这个view的背景就填充到了状态栏了。

值得注意的是:这个标题栏的高度一定要是wrap_content,因为如果是具体的高度,然后在设置个paddingtop的话,那么就会把部分标题栏的内容挤出去了,不完整了。

所以通常的做法是将原有的标题栏外面在嵌套一个<FrameLayout /> ,然后将标题栏背景设置成<FrameLayout />的背景色

<FrameLayout
   android:id="@+id/title"
   android:layout_width="match_parent"
   android:background="@color/common_theme_color"
   android:layout_height="wrap_content">

总结

关于沉浸式效果的实现方式就到这了,希望这篇文章的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家也可以留言交流。

© 著作权归作者所有

上一篇: gradle学习
丁佳辉
粉丝 20
博文 434
码字总数 198765
作品 0
浦东
程序员
私信 提问
Android实现沉浸式状态栏的那些坑

最近项目需要实现沉浸式的状态栏,其实我在之前就了解过Android的沉浸式,发现有些棘手就放弃了,但是此次是公司的项目需要的,就花了几天把这个问题搞定了,在此记录一下,并mark几个坑。 ...

丁佳辉
01/03
0
0
android -------- 沉浸式状态栏和沉浸式导航栏(ImmersionBar)

android 4.4以上沉浸式状态栏和沉浸式导航栏管理,包括状态栏字体颜色,适用于Activity、Fragment、DialogFragment、Dialog,并且适配刘海屏,适配软键盘弹出等问题 ImmersionBar -- androi...

切切歆语
03/01
0
0
Android状态栏实现沉浸式模式

因为Android官方从来没有给出过沉浸式状态栏这样的命名,只有沉浸式模式(Immersive Mode)这种说法。而有些人在没有完全了解清楚沉浸模式到底是什么东西的情况下,就张冠李戴地认为一些系统...

津乐
2018/04/20
0
0
android沉浸式状态栏封装—教你玩出新花样

项目中我们有时候都要用的透明状态栏(这里也成沉浸式状态栏),今天介绍一个gyf-dev写的一个封装状态栏开源框架 效果图如下: 正文 从Android4.4开始,才可以实现状态栏着色,并且从5.0开始...

终端研发部
2018/12/19
0
0
Android 沉浸式体验

沉浸式体验 图中所示就是Android 4.4以后被很多人称之为沉浸式体验的典型场景,即状态栏和ActionBar是同一种颜色;一度我以为这是官方支持的,只需要几句简单的设置就可以实现,但是在查阅了...

布拉德利_蔡
2015/09/03
480
0

没有更多内容

加载失败,请刷新页面

加载更多

react-nativeAndroid打包报错:Daemon: AAPT2 aapt2-3.2.1-4818971-osx Daemon #0

笔者在工作开发任务中,最近在进行Android打release包测试时,遇到了如下报错,鼓捣了好久(甚是郁闷),终于解决了。 ReactNative版本环境如下 问题描述 直接使用react-native run-android运行...

凌宇之蓝
7分钟前
0
0
每天挂机10小时最低赚17美元|能挂机赚钱

2017 年 01 月 05 日 每天挂机10小时最低赚17美元|能挂机赚钱 每 天 挂 机 10 小 时 最 低 赚 17 美 元 ( 骗 你 我 不 是 人 ) , 就 像 挂 Q Q一样,一天挂十小时 , 最低每天赚 17 美金! 教 ...

linjin200
22分钟前
1
0
Class 文件结构

https://www.cnblogs.com/honghuzidelaoren/p/3622021.html

Java搬砖工程师
38分钟前
3
0
未分类资料

$ Inside the Linux Kernel 与知乎出产 一张漫画看懂Linux系统结构

十万猛虎下画山
39分钟前
1
0
Android人脸识别Demo竖屏YUV方向调整和图片保存

本博客包含三个常用方法,用于盛开Android版人脸识别Demo中竖屏使用时送入yuv数据,但一直无法识别的情况。 1.首先可以尝试顺时针旋转90°或270°,然后送入识别SDK。 2.旋转方向后依然无法识...

是哇兴哥棒棒哒
42分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部