Android中状态栏适配问题
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"/>