一个Activity中多个Fragment实现沉浸式状态栏的解决方法

项目中遇到一个问题:一个Activity有多个Fragment,每个Fragment的沉浸式状态栏不一样,有的是红色,有的是黑色,有的是一张图片(图片的一部分在状态栏中显示),并且要要兼顾虚拟按键(常说的导航栏)遮盖住布局导致自己布局中的某些按钮功能被虚拟按键拦截的问题。网上没有找到完全符合的解决方案,现在说一下我自己的思路,因为自己知识有限,不知道有没有更好的方法,希望对一些人能有帮助。思路如下:

要解决某些型号的手机导航栏遮盖布局的问题,一般是在xml的根布局上加上属性:

<span style="white-space:pre"> </span>android:fitsSystemWindows="true" 

加上该属性 之后,该activity的布局就不会被遮盖住了。但是会导致一个问题:以前的沉浸式状态栏不能用了,发现状态栏变成了透明色,Android:fitsSystemWindows="true"  的作用就是让系统的窗口适应你自己的布局,在这里的体现就是你的所有布局是在状态栏和导航栏之间。所以沉浸式没有了。

对解决上面的问题分两部分来解决:

1.单独的Activity,里面没有多个Fragment。

在xml布局中的根布局上加上上面的属性,在activity的oncReate方法中调用一个方法,这个方法是生成一个跟状态栏一样大小的矩形,颜色可以自己制定,想要状态栏

是什么颜色,就填充什么颜色。

<span style="white-space:pre"> </span>@Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.act_main);
    ViewColor.setColor(this, R.color.base_color); // 设置沉浸式状态栏的代码,布局里面需要添加android:fitsSystemWindows="true"
    findView();
    initTab();
  } 

ViewColor类的代码如下(网上的一个人写的,但是连接已经忘记了,对原作者说声抱歉):

package com.ccipa.mall.tool;
import android.annotation.TargetApi;
import android.app.Activity;
import android.os.Build;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.LinearLayout;
public class ViewColor {
  /** * 生成一个和状态栏大小相同的矩形条 * * @param activity 需要设置的activity *
   * @param color 状态栏颜色值 *
   * @return 状态栏矩形条 */
  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 statusView;
  }
  /** * 设置状态栏颜色 * * @param activity 需要设置的activity * @param color 状态栏颜色值 */
  @TargetApi(Build.VERSION_CODES.ICE_CREAM_SANDWICH)
  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);
      // 添加 statusView 到布局中
      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);
    }
  }
} 

这样沉浸式状态栏和底部导航遮盖布局的问题就都可以解决了。

2.对一个Activity中有多个Fragment,每个Fragment都有不同的状态栏颜色,并且还需要解决底部导航栏遮盖布局的问题:

1)首先解决导航栏遮盖布局的问题:

在Activity的布局的根节点上加上属性:

<span style="white-space:pre">
</span>android:fitsSystemWindows="true"

2)每个Fragment实现自己的沉浸式状态栏:

在每个Fragment的布局中:根节点下第一个控件上加上属性:

<span style="white-space:pre">
</span>android:fitsSystemWindows="true" 

一般情况下第一个控件位自己的标题栏RelativeLayout或者LinearLayout,或者你自己可以在title上上面加一个空的view,这个空的view就是用来填充状态栏的,

例如:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/title_bar"
  style="@style/bg_home_head"
  android:gravity="center"
  android:orientation="vertical">
  <TextView
    android:layout_width="match_parent"
    android:layout_height="@dimen/dimen_23_dip"
    android:background="@color/base_bar_color"
    android:fitsSystemWindows="true" />
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal"
    android:paddingBottom="8dp"
    android:paddingTop="8dp"> 

第一个LinearLayout是根节点,下面的TextView就是用来填充状态栏的,下面的LinearLayout就是我自己的title栏,填充什么样的颜色,自己决定。

如果其中的一个Fragment是一张图片,那么就不需要这个空的TextView了,直接在图片的ImageView中添加属性:

android:fitsSystemWindows="true" 即可让图片进入状态栏中。

在onCreateView中加上代码:

<span style="white-space:pre">
</span>// 透明状态栏
<span style="white-space:pre">
</span>getWindow() .addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

这样一个Activity中的多个Fragment就都可以实现自己的沉浸式状态栏了,并且可以解决底部导航栏的问题,如果需要底部导航栏的颜色(不作处理的话为黑色),可以在onCreate方法中首先添加代码:

<span style="white-space:pre">
</span>// 透明导航栏
<span style="white-space:pre">
</span>getWindow().addFlags( WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION); 

改变颜色的话可以参考状态栏的方法。

图片就不上传了,都是项目中的图片,,自己没有再做一个demo。

以上所述是小编给大家介绍的一个Activity中多个Fragment实现沉浸式状态栏的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2017-01-16

另外两种Android沉浸式状态栏实现思路

关于沉浸式状态栏相信大家都不陌生,IOS系统很早就有,android5.0及以后版本都支持给状态栏着色,而目前android主流版本还是4.4,网上通用实现4.4(API19)沉浸式状态栏也都是依赖于可以将状态栏变为透明的属性,再为其着色,主要实现代码: @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout

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

什么是沉浸式状态栏? 沉浸式状态栏意思指状态栏的颜色随着软件颜色而改变,使状态栏和软件颜色保持一致,沉浸其中!当我们打开应用程序时,不会再因为看到应用程序和状态栏的黑边相隔开而感到十分难看.沉浸式状态栏由于其能给用户群体带来极佳的用户体验,已经在越来越多的应用上得到了体现. 实现原理 从4.4后系统增加了透明状态栏的特性WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS 一旦添加上这个属性后,那么布局中的内容DecorView就会自动填充到状态栏

Android 实现沉浸式状态栏的方法

沉浸式状态栏的来源就是很多手机用的是实体按键,没有虚拟键,于是开了沉浸模式就只有状态栏消失了.于是沉浸模式成了沉浸式状态栏. 我们先来看下具体的效果 开启沉浸模式后,状态栏消失,从顶部向下滑动,状态栏出现,退出沉浸模式,状态栏也出现了. 我们的代码基于前一篇文章.首先是两个开启沉浸模式和关闭沉浸模式的函数 @SuppressLint("NewApi") public static void hideSystemUI(View view) { view.setSystemUiVisibi

Android沉浸式状态栏实现

苹果上的UI基本上都是这个效果,然而Android机上的顶部状态栏总是和app的主题颜色不搭.还好如今的api19以上的版本,我们也能做出这样的效果. 第一步: // 需要setContentView之前调用 private void setTranslucentStatus() { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { // 透明状态栏 getWindow().addFlags( WindowManager.Lay

解决Android 沉浸式状态栏和华为虚拟按键冲突问题

对于现在的 App 来说,布局页面基本都会用到沉浸式状态栏,单纯的沉浸式状态栏很容易解决,但是在华为手机上存在一个底部虚拟按键的问题,会导致页面底部和顶部出现很大的问题,比如页面底部导航栏被按键覆盖,导致底部无法操作,顶部状态栏布局被撑的很高,丑的不忍直视,这里就将两者的冲突问题一并解决!先看下实现的效果图: 这是我自己的手机,OnePlus 3T 7.1.1版本(免费广告,没给我钱的啊),不是华为的手机,但是有个虚拟按键可以设置,可以看到底部导航栏没有问题,顶部状态栏也成功实现,效果图看完,下

Android沉浸式状态栏设计的实例代码

本文介绍了android沉浸式状态栏,分享给大家,希望对大家有帮助 一.概述 现在主流的App设计风格很多都用到了Materail Design,今天我们就来简单的实现一下改变状态栏颜色.让状态栏透明这两种效果. 二.实现状态栏设置颜色 我们写一个工具类StatusBarUtils 代码如下: /** * 设置状态栏颜色 * * @param activity */ public static void setStatusColor(Activity activity, int color) {

Android 沉浸式状态栏与隐藏导航栏实例详解

1 前言 一般我们在Android的APP开发中,APP的界面如下: 可以看到,有状态栏.ActionBar(ToolBar).导航栏等,一般来说,APP实现沉浸式有三种需求:沉浸式状态栏,隐藏导航栏,APP全屏 沉浸式状态栏是指状态栏与ActionBar颜色相匹配, 隐藏导航栏不用多说,就是将导航栏隐藏,去掉下面的黑条. APP全屏是指将状态栏与导航栏都隐藏,例如很多游戏界面,都是APP全屏. 所以,在做这一步时,关键要问清楚产品狗的需求,免得白费功夫. 下面,分别来介绍这三种方式的实现. 2

Android沉浸式状态栏微技巧(带你真正理解沉浸式模式)

其实说到沉浸式状态栏这个名字我也是感到很无奈,真不知道这种叫法是谁先发起的.因为Android官方从来没有给出过沉浸式状态栏这样的命名,只有沉浸式模式(Immersive Mode)这种说法.而有些人在没有完全了解清楚沉浸模式到底是什么东西的情况下,就张冠李戴地认为一些系统提供的状态栏操作就是沉浸式的,并且还起了一个沉浸式状态栏的名字. 比如之前就有一个QQ群友问过我,像饿了么这样的沉浸式状态栏效果该如何实现? 这个效果其实就是让背景图片可以利用系统状态栏的空间,从而能够让背景图和状态栏融为一体

Android 沉浸式状态栏及悬浮效果

一.概述 现在大多数的电商APP的详情页长得几乎都差不多,几乎都是上面一个商品的图片,当你滑动的时候,会有Tab悬浮在上面,这样做用户体验确实不错,如果Tab滑上去,用户可能还需要滑下来,在来点击Tab,这样确实很麻烦.沉浸式状态栏那,郭霖说过谷歌并没有给出沉浸式状态栏这个明白,谷歌只说了沉浸式模式(Immersive Mode).不过沉浸式状态栏这个名字其实听不粗,随大众吧,但是Android的环境并没有iOS环境一样特别统一,比如华为rom的跟小米rom的虚拟按键完全不一样,所有Androi

Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩效果

闲话不多说,直接上图. 给大家讲讲我的编程思想吧. 第一部分:沉浸式状态栏(API-Level 19, Android4.4 KitKat 之后加入的东西),而且在Api-Level 21版本中新增了一个属性(下面会说到).所以,style文件应该声明三份. values <style name="TranslucentTheme" parent="@style/AppTheme"> </style> values-19 <style

Android沉浸式状态栏的实现代码

沉浸式状态栏是Android4.4即api19以上才支持的特性,分两步实现: 1.在布局文件中第一个控件(一般是imageview或者textview)中添加两个属性. <!--沉浸式--> <ImageView android:fitsSystemWindows="true" android:clipToPadding="true" .../> 2.在Activity初始化view的时候,进行设置. if (Build.VERSION.SD

Android沉浸式状态栏实现示例

应用市场上App越来越多的出现沉浸式状态栏的设计(如下图所示)状态栏和导航栏具有相同的颜色.Android在4.4开始对于该种效果的支持,而在4.4之下,状态栏只是黑框,无法控制.同时在4.4和5.0及其之上的版本对该种效果的支持又有所差异,因此要实现该种效果,可以将4.4归为一类,5.0及其之上归为一类.接下来,我们将一步步来在4.4和5.0及其之上来实现如下所示效果. 导航栏问题 在Android中,顶部导航栏目前常用的两种实现方式,一个是通过Toolbar,一个是通过自定义View的方式来