关于android:android状态栏透明总结

7次阅读

共计 7534 个字符,预计需要花费 19 分钟才能阅读完成。

首先明确一下沉迷式状态栏的概念有两种类型

  1. 顶部是 ImageView 这种须要将其填充到状态栏。

2. 顶部是 ActionBar 这种不须要填充到状态栏。

而下面的第二种状况笼罩了绝大部分页面,所以上面的思路也是基于这点来实现。
第一步:
在 BaseActivity 外面实现如下代码

public abstract class BaseActivity extends AppCompatActivity  {

    @Override
    protected final void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
        setStatusBar();}

    protected void setStatusBar() {
        // 这里做了两件事件,1. 使状态栏通明并使 contentView 填充到状态栏 2. 预留出状态栏的地位,避免界面上的控件离顶部靠的太近。这样就能够实现结尾说的第二种状况的沉迷式状态栏了 
        StatusBarUtil.setTransparent(this);
    }
} 

看下 StatusBarUtil.setTransparent(this) 具体的实现

/**
     * 设置状态栏全透明
     *
     * @param activity 须要设置的 activity
     */
    public static void setTransparent(Activity activity) {if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {return;}
        transparentStatusBar(activity);
        setRootView(activity);
    }

    /**
     * 使状态栏通明
     */
    @TargetApi(Build.VERSION_CODES.KITKAT)
    private static void transparentStatusBar(Activity activity) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            // 须要设置这个 flag contentView 能力延长到状态栏
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            // 状态栏笼罩在 contentView 下面,设置通明使 contentView 的背景透出来
            activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
        } else {
            // 让 contentView 延长到状态栏并且设置状态栏色彩通明
            activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
    }

   /**
     * 设置根布局参数
     */
    private static void setRootView(Activity activity) {ViewGroup parent = (ViewGroup) activity.findViewById(android.R.id.content);
        for (int i = 0, count = parent.getChildCount(); i < count; i++) {View childView = parent.getChildAt(i);
            if (childView instanceof ViewGroup) {childView.setFitsSystemWindows(true);
                ((ViewGroup) childView).setClipToPadding(true);
            }
        }
    }

通过这样的设置基本上大部分界面都适配了沉迷式状态栏了,针对须要适配 imageView 填充到状态栏或者须要独自设置状态栏色彩和透明度的咱们能够在 BaseActivity 的子类重写 setStatusBar 办法来独自适配。
第二步:

  1. 先说简略的,独自设置状态栏色彩和透明度这种状况
 // 重写这个办法
    protected void setStatusBar() {StatusBarUtil.setColor(...);
    }

    /**
     * 设置状态栏色彩
     *
     * @param activity       须要设置的 activity
     * @param color          状态栏色彩值
     * @param statusBarAlpha 状态栏透明度
     */

    public static void setColor(Activity activity, @ColorInt int color, @IntRange(from = 0, to = 255) int statusBarAlpha) {
        //5.0 以上版本间接设置状态栏色彩透明度
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            activity.getWindow().setStatusBarColor(calculateStatusColor(color, statusBarAlpha));
        //4.4-5.0 版本通过假装一个状态栏来设置色彩和透明度
        } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
            View fakeStatusBarView = decorView.findViewById(FAKE_STATUS_BAR_VIEW_ID);
            if (fakeStatusBarView != null) {if (fakeStatusBarView.getVisibility() == View.GONE) {fakeStatusBarView.setVisibility(View.VISIBLE);
                }
                fakeStatusBarView.setBackgroundColor(calculateStatusColor(color, statusBarAlpha));
            } else {decorView.addView(createStatusBarView(activity, color, statusBarAlpha));
            }
            setRootView(activity);
        }
    }

    /**
     * 计算状态栏色彩
     *
     * @param color color 值
     * @param alpha alpha 值
     * @return 最终的状态栏色彩
     */
    private static int calculateStatusColor(@ColorInt int color, int alpha) {if (alpha == 0) {return color;}
        float a = 1 - alpha / 255f;
        int red = color >> 16 & 0xff;
        int green = color >> 8 & 0xff;
        int blue = color & 0xff;
        red = (int) (red * a + 0.5);
        green = (int) (green * a + 0.5);
        blue = (int) (blue * a + 0.5);
        return 0xff << 24 | red << 16 | green << 8 | blue;
    }

    /**
     * 生成一个和状态栏大小雷同的半透明矩形条
     *
     * @param activity 须要设置的 activity
     * @param color    状态栏色彩值
     * @param alpha    通明值
     * @return 状态栏矩形条
     */
    private static View createStatusBarView(Activity activity, @ColorInt int color, int alpha) {
        // 绘制一个和状态栏一样高的矩形
        View statusBarView = new View(activity);
        LinearLayout.LayoutParams params =
                new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
        statusBarView.setLayoutParams(params);
        statusBarView.setBackgroundColor(calculateStatusColor(color, alpha));
        statusBarView.setId(FAKE_STATUS_BAR_VIEW_ID);
        return statusBarView;
    }

    /**
     * 获取状态栏高度
     *
     * @param context context
     * @return 状态栏高度
     */
    public static int getStatusBarHeight(Context context) {
        // 取得状态栏高度
        int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
        return context.getResources().getDimensionPixelSize(resourceId);
    }
  1. imageView 这种须要填充到状态栏的状况
  2. // 重写这个办法
       protected void setStatusBar() {StatusBarUtil.setTransparentForImageView(...);
       }
    
       /**
 *
 * @param activity       须要设置的 activity
 * @param needOffsetView 须要向下偏移的 View
 */
public static void setTransparentForImageView(Activity activity, View needOffsetView) {setTranslucentForImageView(activity, 0, needOffsetView);
}

/**

 * 为头部是 ImageView 的界面设置状态栏通明
 *
 * @param activity       须要设置的 activity
 * @param statusBarAlpha 状态栏透明度
 * @param needOffsetView 须要向下偏移的 View
 */
public static void setTranslucentForImageView(Activity activity, @IntRange(from = 0, to = 255) int statusBarAlpha,
                                              View needOffsetView) {if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) {return;}
    setTransparentForWindow(activity);
    addTranslucentView(activity, statusBarAlpha);
    // 尽管 imageView 须要填充到状态栏,然而下面的文字按钮等控件并不需要填充到状态栏,所以须要设置偏移
    if (needOffsetView != null) {Object haveSetOffset = needOffsetView.getTag(TAG_KEY_HAVE_SET_OFFSET);
        if (haveSetOffset != null && (Boolean) haveSetOffset) {return;}
        ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) needOffsetView.getLayoutParams();
        layoutParams.setMargins(layoutParams.leftMargin, layoutParams.topMargin + getStatusBarHeight(activity),
                layoutParams.rightMargin, layoutParams.bottomMargin);
        needOffsetView.setTag(TAG_KEY_HAVE_SET_OFFSET, true);
    }
}

/**
 * 设置通明
 */
private static void setTransparentForWindow(Activity activity) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
        activity.getWindow()
                .getDecorView()
                  // 两个 flag 要联合应用,示意让利用的主体内容占用零碎状态栏的空间
                .setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
    } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {activity.getWindow()
                .setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    }
}

/**
 * 增加半透明矩形条
 *
 * @param activity       须要设置的 activity
 * @param statusBarAlpha 通明值
 */
private static void addTranslucentView(Activity activity, @IntRange(from = 0, to = 255) int statusBarAlpha) {ViewGroup contentView = (ViewGroup) activity.findViewById(android.R.id.content);
    View fakeTranslucentView = contentView.findViewById(FAKE_TRANSLUCENT_VIEW_ID);
    if (fakeTranslucentView != null) {if (fakeTranslucentView.getVisibility() == View.GONE) {fakeTranslucentView.setVisibility(View.VISIBLE);
        }
        fakeTranslucentView.setBackgroundColor(Color.argb(statusBarAlpha, 0, 0, 0));
    } else {contentView.addView(createTranslucentStatusBarView(activity, statusBarAlpha));
    }
}

/**
 * 创立半透明矩形 View
 *
 * @param alpha 通明值
 * @return 半透明 View
 */
private static View createTranslucentStatusBarView(Activity activity, int alpha) {
    // 绘制一个和状态栏一样高的矩形
    View statusBarView = new View(activity);
    LinearLayout.LayoutParams params =
            new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, getStatusBarHeight(activity));
    statusBarView.setLayoutParams(params);
    statusBarView.setBackgroundColor(Color.argb(alpha, 0, 0, 0));
    statusBarView.setId(FAKE_TRANSLUCENT_VIEW_ID);
    return statusBarView;
}
** 最初小结一下思路:**

首先在基类设置状态栏通明,让 contentView 填充到状态栏,利用 contentView 的背景作为状态栏背景间接实现沉迷的成果,而后利用 setFitsSystemWindows(true)和 setClipToPadding(true)对控件预留出状态栏的地位。如果须要独自设置状态栏色彩或者透明度,比方 contentView 的背景色和 ActionBar 背景不统一的状况,5.0 以上通过设置 setStatusBarColor 实现,4.4-5.0 通过假装状态栏实现。最初如果须要实现相似图片这种须要填充到状态栏的状况,通过 setTransparentForWindow 实现,而后对其余控件重设 MarginLayoutParams 来实现预留出状态栏地位的成果。通过下面的一些设置曾经笼罩了绝大部分状况,对于 Fragment,DrawerLayout,CoordinatorLayout 等可能须要非凡解决的这里贴上 gitgub 地址。**ps:作者不是我,我只是个搬砖的。** 
[https://github.com/laobie/StatusBarUtil](https://github.com/laobie/StatusBarUtil)
正文完
 0