Android的状态栏由于第三方厂商的自由发挥和国内设计偏向于iOS设计风格的两大重要原因给Android开发者造成了巨大的困扰。
我们分别从以下三个问题入手来解决Android的状态栏的适配问题:
- 状态栏变色
- 沉浸式状态栏
- 状态栏黑色图标设置
在正式来看这几个问题之前,我们先了解一下原生Android
在状态栏上不同版本SDK
的特性。主要有三个版本节点(Android4.4.2、Android5.0和Android6.0
)需要注意:
Android版本 | 设置状态栏颜色 | 设置沉浸式状态栏 | 设置黑色图标 |
---|---|---|---|
Android4.4.2 API19 以下(不含) |
false | false | false |
Android5.0 API21 以下(不含) |
false | true | false |
Android6.0 API23 以下(不含) |
true | true | false |
Android6.0 API23 及以上版本 |
true | true | true |
看到这,你忽然觉得状态栏适配似乎没什么复杂的。但是你不要忽略了国内各家的第三方ROM和老板要求你强行适配其他原生不支持设置状态栏的低版本Android
系统,当这个时候你就会发现事情没有那么简单了。
1.Android5.0
及以上版本设置状态栏颜色
在Android5.0
以上我们可以直接使用Window
中的方法setStatusBarCorlor()
来设置颜色即可,当我们点开这个方法是我们发现还有一个问题需要注意,系统对此方法的注释是这样的:
/**
* Sets the color of the status bar to {@code color}.
*
* For this to take effect,
* the window must be drawing the system bar backgrounds with
* {@link android.view.WindowManager.LayoutParams#FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS} and
* {@link android.view.WindowManager.LayoutParams#FLAG_TRANSLUCENT_STATUS} must not be set.
*
* If {@code color} is not opaque, consider setting
* {@link android.view.View#SYSTEM_UI_FLAG_LAYOUT_STABLE} and
* {@link android.view.View#SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN}.
*
* The transitionName for the view background will be "android:status:background".
*
*/
public abstract void setStatusBarColor(@ColorInt int color);
因此我们还需要给Window设置FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS
和FLAG_TRANSLUCENT_STATUS
这两个flag
,设置状态栏的颜色才能生效。
代码如下:
public class StatusBarUtils {
public static void setStatusBarBackgroundColor(Activity activity, @ColorRes int colorResId) {
Window window = activity.getWindow();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(activity.getResources().getColor(colorResId));
}
}
}
2.Android4.4.2
版本设置状态栏颜色
在Android4.4.2
版本上系统没有提供方法给我们修改状态栏颜色,我们只能通过其他方法来修改状态栏的颜色。
我们可以先把状态栏设置成半透明,然后在decorview
的顶部增加一个和状态栏等高的View
通过改变这个View
的颜色达到更改状态栏颜色的目的。
public class StatusBarUtils {
/**
* 修改状态栏颜色
* @param activity
* @param colorResId
*/
public static void setStatusBarBackgroundColor(Activity activity, @ColorRes int colorResId) {
Window window = activity.getWindow();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(activity.getResources().getColor(colorResId));
}else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
//开启半透明时
window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
ViewGroup decorViewGroup = (ViewGroup) window.getDecorView();
View statusBarView = new View(window.getContext());
//状态栏高度
int statusBarHeight = getStatusBarHeight(window.getContext());
FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT, statusBarHeight);
params.gravity = Gravity.TOP;
statusBarView.setLayoutParams(params);
//我们可以设置普通的颜色也可以设置渐变色
statusBarView.setBackgroundColor(activity.getResources().getColor(colorResId));
decorViewGroup.addView(statusBarView);
}
}
/**
* 获取系统状态栏高度
* @param context
* @return
*/
public static int getStatusBarHeight(Context context) {
int statusBarHeight = 0;
Resources res = context.getResources();
int resourceId = res.getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
statusBarHeight = res.getDimensionPixelSize(resourceId);
}
return statusBarHeight;
}
}
Android4.4.2
系统下设置状态栏半透明时,会有一些需要注意的问题。
如果你使用了系统titleBar
,当你设置了半透明状态栏之后发现我们的layout
布局会占据状态栏的空间而titleBar
的位置却没有改变。这个时候我们只要设置android:fitsSystemWindows="true"
就可以了,它表示layout不占据状态栏的位置。
设置android:fitsSystemWindows="true"
之前:
设置android:fitsSystemWindows="true"
之后:
如果你不使用系统的titleBar
(设置
)就不要设置这个属性,如果你设置了也会有问题。
这些问题在开发中都是需要注意的。
沉浸式状态栏只要系统版本大于等于Android4.4.2 API19
就可以实现。
通过style中设置沉浸式状态栏
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
- "colorPrimary"
>@color/colorPrimary
- "colorPrimaryDark">@color/colorPrimaryDark
- "colorAccent">@color/colorAccent
- "windowNoTitle">true
style>
<style name="TranslucentTheme" parent="AppTheme"/>