android開發(50) Android透明狀態欄。適用於 4.4 以上及 5.0以上設備

概述

　　有時候我們想在 andorid 手機上實現一種 跨越 頂部狀態欄的效果，比如一張圖片直接顯示在 狀態欄內。比如下圖：

這個頁面里有張圖片，這個圖片顯示在整個頁面的上部分。狀態欄是 漂浮在這個圖片上的。

 

實現透明狀態欄的方法

適配Android 4.4 +的方法：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window window = activity.getWindow();
            // Translucent status bar
            window.setFlags(
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            // Translucent navigation bar
            window.setFlags(
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        }

適配 Android 5.0+ 的方法：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = activity.getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                    | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
            window.setNavigationBarColor(Color.TRANSPARENT);
        }

 

如何使用

在 activity的onCreate 方法中的 setContentView 方法之前調用它。比如：

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

        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
　　　　　//在這里調用
        StatusbarUtils.enableTranslucentStatusbar(this);
        setContentView(R.layout.activity_main);

    }

上面的代碼中我使用  StatusbarUtils 這個輔助類，這個輔助類調用了 具體的實現透明狀態欄的方法。這個類的完整代碼如下：

package zhangyf.vir56k.translucentbardemo;

import android.app.Activity;
import android.graphics.Color;
import android.os.Build;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;

/**
 * 狀態欄輔助類
 * Created by zhangyunfei on 16/6/17.
 */
public class StatusbarUtils {

    /**
     * 啟用 透明狀態欄
     * @param activity
     */
    public static void enableTranslucentStatusbar(Activity activity) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = activity.getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
                    | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
            window.setNavigationBarColor(Color.TRANSPARENT);
        }
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window window = activity.getWindow();
            // Translucent status bar
            window.setFlags(
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            // Translucent navigation bar
            window.setFlags(
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,
                    WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        }
    }
}

 

android:fitsSystemWindows 標簽

　　android 提供了 android:fitsSystemWindows 標簽，來適配窗體，實際我們可以在我們的布局視圖里使用它。它會使得指定的view自動增加“一個狀態欄高度的上間距”，也就是說，它會在保證你的view位於狀態欄下方，而不是底下。

　　android:fitsSystemWindows="true"

示例源代碼下載
https://github.com/vir56k/demo/tree/master/TranslucentBarDemo