Android沉浸式状态栏之高仿QQApp

伴随着 Android 5.0 发布的 Material Design，让 Android 应用告别了以前的工程师审美，迎来了全新的界面，灵动的交互，也让越来越多的 App 开始遵从 material design 设计原则，不再是以前拿着iOS设计稿，做着Android开发。本文就其中的沉浸式状态栏这一特性，描述其兼容到4.4的实现，以及一些使用中的小细节。现在越来越多的软件都开始使用沉浸式状态栏了，下面总结一下沉浸式状态栏的两种使用方法。

首先贴出我用到的代码：

package com.seven.etravel.general.utils;

import android.annotation.TargetApi;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.graphics.Rect;
import android.os.Build;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;

/**
 * 沉浸式
 * Created by zhy on 15/9/21.
 */
public class StatusBarCompat
{
    private static final int INVALID_VAL = -1;
    private static final int COLOR_DEFAULT = Color.parseColor("#20000000");

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public static void compat(Activity activity, int statusColor)
    {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
        {
            if (statusColor != INVALID_VAL)
            {
                activity.getWindow().setStatusBarColor(statusColor);
            }
            return;
        }

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP)
        {
            int color = COLOR_DEFAULT;
            ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content);
            if (statusColor != INVALID_VAL)
            {
                color = statusColor;
            }
            View statusBarView = contentView.getChildAt(0);
            //改变颜色时避免重复添加statusBarView
            if (statusBarView != null && statusBarView.getMeasuredHeight() == getStatusBarHeight(activity))
            {
                statusBarView.setBackgroundColor(color);
                return;
            }
            statusBarView = new View(activity);
            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    getStatusBarHeight(activity));
            statusBarView.setBackgroundColor(color);
            contentView.addView(statusBarView, lp);
        }

    }

    /**
     * 透明沉浸式
     */
    public static void transparent(Activity activity)
    {
        if (Build.VERSION.SDK_INT > Build.VERSION_CODES.JELLY_BEAN_MR2)// 沉浸式
        {
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);// 透明状态栏
            //activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);//透明导航栏
        }
    }

    /**
     * 不设置沉浸式
     */
    public static void compat(Activity activity)
    {
        compat(activity, INVALID_VAL);
    }


    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;
    }

    public static int getStatusBar2Height(Activity activity)
    {
        Rect outRect = new Rect();
        activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(outRect);
        return outRect.top;
    }
}

试用方法很便捷只需要一句代码。

StatusBarCompat.compat(this, ContextCompat.getColor(this, R.color.gray_line));

或者透明状态栏

StatusBarCompat.transparent(this);

也可以无沉浸式

StatusBarCompat.compat(this);

等等。

感觉就是便捷。简单。哈哈。

下面讲讲试用沉浸式遇到的一些问题的分享

1.Android 沉浸式状态栏  Activity两个Fragment一个是导航是颜色一个是图片怎么设置？

这个可以设置为透明沉浸式Activity。然后自己手动实现内容变更。

2.布局存在输入框，输入法弹出后，标题栏被顶上去了。

只需要在使用activiyt的清单文件加上这句代码就不会了。哈哈

android:windowSoftInputMode="adjustResize|stateAlwaysHidden"

3.为什么该项目加入沉浸式4.4的手机没有效果

需要在res里面添加这两个资源包

4.4的stytle样式需要设置这个属性

项目的效果图分享下

这是模仿qq控件沉浸式的效果图

基本上就分享这些。哈哈。。。有什么问题或者有什么错误可以留言分享下。

首先感谢原作者无私的分享

https://github.com/hongyangAndroid/ColorfulStatusBar 

下面是我个人修改并自己整理的一个项目。有兴趣可以下载。

https://github.com/seven001/StatusbarCompat