所謂"沉浸狀態(tài)欄"的實現(xiàn)需要兩點:
- 設置狀態(tài)欄為透明或者半透明狀態(tài);
- 整體布局可以置于狀態(tài)欄下方.
1. 狀態(tài)欄的配置
對于狀態(tài)欄的配置有兩種方式:
- 在manifest中配置Activity的theme屬性
在theme文件中添加android:windowTranslucentStatus屬性(當然僅支持api19, 即Android4.4及以上, 且根據(jù)這個屬性名稱可知只是半透明);
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
...
<item name="android:windowTranslucentStatus">true</item>
</style>
效果:
| 鍵盤隱藏 | 鍵盤顯示 |
|---|---|
 Android5.0鍵盤未彈出
|
 Android5.0鍵盤彈出
|
- 通過代碼動態(tài)設置
相對于通過theme的屬性配置, 這種方案可以實現(xiàn)狀態(tài)欄全透明.
/**
* 設置狀態(tài)欄為全透明
* 通過設置theme的方式無法達到全透明效果
*
* @param activity
*/
@TargetApi(19)
private static void transparencyStatusBar(Activity activity) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//5.0及其以上
Window window = activity.getWindow();
window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
window.setStatusBarColor(Color.TRANSPARENT);
} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
//4.4及其以上
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
}
}
以上兩種方案都沒能達到想要的效果. 如上圖所示,現(xiàn)在有兩個問題:
問題1. 整體布局上移, statusBar遮擋contentView顯示的內容;
問題2. 鍵盤遮擋了輸入框, 我們在manifest里給activity聲明的android:windowSoftInputMode="adjustResize"失效了;
針對以上兩個問題, 現(xiàn)在有兩種著手方案:
- 設置Activity的根布局
android:fitsSystemWindows="true"- 頂部view添加paddingTop屬性, 高度取當前手機的statusbar高度
方案一, 可以使得整體contentView下移至statusBar下方, 同時問題2解決, 但是此時的statusBar顏色是整體background的顏色, 未能解決問題. 此方案放棄
下面著重介紹方案二:
2. 以上兩個問題的解決
2.1解決問題1: contentView上移, statusBar遮擋內容顯示
解決方案很簡單, 就是給頂部的view加個paddingTop, 而這個paddingTop的值取當前手機的statusbar高度.
比如這里我給自定義的toolbar添加了paddingTop
//動態(tài)獲取statusBar的高度
private static int sHeight = -1;
public static int getStatusBarHeight(Context context) {
if (sHeight == -1) {
//獲取status_bar_height資源的ID
int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
if (resourceId > 0) {
//根據(jù)資源ID獲取響應的尺寸值
sHeight = context.getResources().getDimensionPixelSize(resourceId);
}
}
return sHeight;
}
//給頂部的view添加paddingTop
int height = getStatusBarHeight(context);
customeToolbar.setPadding(root.getPaddingRight(), height + root.getPaddingTop(),
root.getPaddingLeft(), root.getPaddingBottom());
看效果
Android5.0
2.2 解決問題2: 鍵盤遮擋輸入框
經過測試發(fā)現(xiàn)影響adjustResize生效以及contentView上移 的關鍵是設置contentView根布局 android:fitsSystemWindows="true"
那么我們只需要
1.重寫View的fitSystemWindows(Rect insets)的方法, 使得其控制contentView位移的功能失效,
public class CustomInsetsLinearLayout extends LinearLayout {
private int[] mInsets = new int[4];
public CustomInsetsLinearLayout(Context context) {
super(context);
}
public CustomInsetsLinearLayout(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomInsetsLinearLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public final int[] getInsets() {
return mInsets;
}
@Override
protected final boolean fitSystemWindows(Rect insets) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
// Intentionally do not modify the bottom inset. For some reason,
// if the bottom inset is modified, window resizing stops working.
mInsets[0] = insets.left;
mInsets[1] = insets.top;
mInsets[2] = insets.right;
insets.left = 0;
insets.top = 0;
insets.right = 0;
}
return super.fitSystemWindows(insets);
}
}
- 同時配置
android:fitsSystemWindows="true"保留對于adjustResize屬性的影響;
<?xml version="1.0" encoding="utf-8"?>
<com.example.j.verticaltextdemo.view.CustomInsetsLinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical">
<include layout="@layout/center_title_toolbar" />
<Space
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
<EditText
android:id="@+id/et1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:hint="請輸入" />
</com.example.j.verticaltextdemo.view.CustomInsetsLinearLayout>
最終效果展示
| Android 5.0及其以上的顯示效果 | Android4.4的顯示效果 |
|---|---|
 解決問題2
|
 Android4.4
|
3. 完全沉浸效果
- 設置狀態(tài)欄全透明后的效果展示
| Android6.0及其以上 | Android5.x | Android4.4 |
|---|---|---|
 Android6.0
|
 Android5.0
|
 Android4.4
|
4. 進階篇: 淺色狀態(tài)欄及兼容性配置
目前市面上的淺色狀態(tài)欄基本都是 白底黑字, 比如 [微博]
支持這種設置的有Android6.0及其以上; MIUI v6及以上, Flyme 4.0及以上, 所以我的兼容方案如下:
- 對于支持[狀態(tài)欄透明 + 狀態(tài)欄文字圖標黑白切換]的機型(Android 6.0及以上,MIUI v6及以上, Flyme 4.0及以上), 全透明狀態(tài)欄 + 黑色文字圖標
- 對于僅支持[狀態(tài)欄透明]的機型(Android 4.4及其以上), 采用: 半透明狀態(tài)欄 + 白色文字圖標
- 對于不支持的機型(Android 4.4以下), 采用默認狀態(tài): 黑色狀態(tài)欄 + 白色文字圖標
具體實現(xiàn)
/**
* Android 6.0 原生
*
* @param activity
* @param dark
*/
private static void setAndroidNativeLightStatusBar(Activity activity, boolean dark) {
//狀態(tài)欄字體圖標顏色
View decor = activity.getWindow().getDecorView();
if (dark) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR //淺色狀態(tài)欄(字體圖標白色)
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN //contentView 全屏(置于statusbar之下)
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
}
} else {
decor.setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
}
}
