一个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实现沉浸式状态栏的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

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

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

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

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

  • Android沉浸式状态栏实现

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

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

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

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

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

  • Android之沉浸式状态栏的实现方法、状态栏透明

    现在越来越多的软件都开始使用沉浸式状态栏了,下面总结一下沉浸式状态栏的两种使用方法 注意!沉浸式状态栏只支持安卓4.4及以上的版本 状态栏:4.4上是渐变色,5.0上是完全透明,本文模拟器为4.4演示 效果图: 注意!两种方法的区别: 第一种:为顶部栏跟随当前activity的布局文件的背景的颜色,使用方便,不过也有点问题就是,如果有底部虚拟导航键的话,导航键的背景跟顶部的颜色一样,比如: 第二种:是通过设置顶部栏的颜色来显示的,可以解决第一种的不足,比如: 第一种使用方法: 第一.首先在val

  • 一个Activity中多个Fragment的切换

    经常会遇到在一个activity界面上布局多个fragment,但是如何从一个fragment跳转到另一个fragment呢?今天在做项目中恰好遇到这样的问题,点击首页fragment的更多店铺,会切换到店铺的fragment,处理的步骤如下: 1.在一个fragment1中定义一个接口: /** * 定义地接口,用于fragment和activity之间的数据传递 */ public interface onClickShopListner{ public void setOnClickSho

  • Android编程中沉浸式状态栏的三种实现方式详解

    本文实例讲述了Android编程中沉浸式状态栏的三种实现方式.分享给大家供大家参考,具体如下: 沉浸式状态栏 Google从android kitkat(Android 4.4)开始,给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏,这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了,还可以调成跟Activity一样的样式,形成一个完整的主题,和IOS7.0以上系统一样了. 首先看下效果 首先看下第一种方式 系统的方式沉浸式状态栏实现 步奏一 //当系统版本为4.4或者4.4以上

  • Android 高仿QQ 沉浸式状态栏

    前言: 在进入今天正题前,还是老样子先谈谈感想吧,最近感觉整个都失去了方向感,好迷茫!找工作又失败了,难道Android真的饱和了?这两天我一直没出门,除了下楼哪外卖就是宅宿舍了,静想了许久,我还是不能忘了初心,我相信我找不到工作的原因有很多,最关键的还是要技术够硬才行啊,奔跑吧孩子!接下来我就给大家介绍怎样快速打造沉浸式状态栏吧,虽然感觉有点相见恨晚,但其实不完! 一:何为沉浸式状态栏? 沉浸式状态栏是Google从Android 4.4开始,给我们开发者提供的一套能透明的系统ui样式,这样样

  • 详解Android中的沉浸式状态栏效果实例

    无意间了解到沉浸式状态栏,感觉贼拉的高大上,于是就是试着去了解一下,就有了这篇文章.下面就来了解一下啥叫沉浸式状态栏.传统的手机状态栏是呈现出黑色条状的,有的和手机主界面有很明显的区别.这一样就在一定程度上牺牲了视觉宽度,界面面积变小. Google从android kitkat(Android 4.4)开始,给我们开发者提供了一套能透明的系统ui样式给状态栏和导航栏,这样的话就不用向以前那样每天面对着黑乎乎的上下两条黑栏了,还可以调成跟Activity一样的样式,形成一个完整的主题,和IOS7

  • Android开发使用Activity嵌套多个Fragment实现横竖屏切换功能的方法

    本文实例讲述了Android开发使用Activity嵌套多个Fragment实现横竖屏切换功能的方法.分享给大家供大家参考,具体如下: 一.上图 二.需求 近期项目遇到个横竖屏切换的问题,较为复杂,在此记之. 1.Activity中竖屏嵌套3个Fragment,本文简称竖屏FP1,FP2,FP3. 2.其中竖屏FP1与FP2可以切换为横屏的FL1,FL2,即竖屏FP1切换到对应的横屏FL1,竖屏FP2对应切换到横屏FL2. 3.FP3不允许横竖屏切换. 4.竖屏FP1,FP2,FP3用ViewP

  • Android Activity中使用Intent实现页面跳转与参数传递的方法

    本文实例讲述了Android Activity中使用Intent实现页面跳转与参数传递的方法.分享给大家供大家参考,具体如下: 新建一个FirstAvtivity.java package com.zhuguangwei; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View.O

  • vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

    使用 Hbuilder新建好移动app项目后,mainfest.json这个文件里的 plus里设置 statusbar ..... "plus": { "statusbar": { "immersed": true }, ...... }, ..... 效果 总结 以上所述是小编给大家介绍的vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.在此也非常感谢大

  • Android App仿QQ制作Material Design风格沉浸式状态栏

    一.概述 近期注意到QQ新版使用了沉浸式状态栏,ok,先声明一下效果图: 恩,接下来正题. 首先只有大于等于4.4版本支持这个半透明状态栏的效果,但是4.4和5.0的显示效果有一定的差异,所有本文内容为: 1.如何实现半透明状态栏效果在大于4.4版本之上. 2.如何让4.4的效果与5.0的效果尽可能一致. 先贴下模拟器效果图,以便和实现过程中做下对比 4.4 模拟器 5.x 真机 二.实现半透明状态栏 因为本例使用了NavigationView,所以布局代码稍多,当然如果你不需要,可以自己进行筛

随机推荐