您的位置:首页 > 其它

一个Activity中多个Fragment实现沉浸式状态栏

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

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

[html]
view plain
copy

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

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

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

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

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

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

[java]
view plain
copy

<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类的代码如下(网上的一个人写的,但是连接已经忘记了,对原作者说声抱歉):

[java]
view plain
copy

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的布局的根节点上加上属性:

[html]
view plain
copy

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

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

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

[html]
view plain
copy

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

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

例如:

[html]
view plain
copy

<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中添加属性:

[html]
view plain
copy

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

在onCreateView中加上代码:

[java]
view plain
copy

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

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

[java]
view plain
copy

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

改变颜色的话可以参考状态栏的方法。
图片就不上传了,都是项目中的图片,,自己没有再做一个demo。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐