Android 透明状态栏和底部导航栏

最新推荐文章于 2024-09-12 22:10:56 发布

VincentWei95

最新推荐文章于 2024-09-12 22:10:56 发布

阅读量1.9k

点赞数 1

分类专栏：系统控件

本文链接：https://blog.csdn.net/qq_31339141/article/details/90147406

版权

系统控件专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1 什么是fitSystemWindow？

xml布局中,在根布局添加 android:fitSystemWindow=true

fitsSystemWindows=true 表示在设置系统状态栏和底部导航栏为透明时，能为我们的布局空出位置，不让系统状态栏和底部导航栏遮挡我们的布局

注意：

设置了 fitsSystemWindows=true，设置在这个View上的padding都会失效

如果想让 RecyclerView 的内容滚动到状态栏之下，可以同时设置 fitsSystemWindow=true 和 clipToPadding=false，这样在布局初始化的时候，内容不会在状态栏之下，滚动的时候，内容可以滚到状态栏之下。clipToPadding默认是true，clipToPadding=false 的作用是让padding的位置也可以用来绘制

1 通过创建对应的values目录设置顶部状态栏和顶部导航栏透明

res目录创建values-v19目录并创建styles.xml文件，支持Android 4.4-5.0设置顶部状态栏和底部导航栏透明

<resources>

     <!--Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <!-- 设置4.4以上(KITKAT)顶部系统状态栏和底部导航栏透明(全透明) -->
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowTranslucentNavigation">true</item>
    </style>

</resources>

- res目录创建values-v21目录并创建styles.xml文件，支持Android 5.0以上设置顶部状态栏和底部导航栏透明

<resources>

     Base application theme.
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <!-- 设置5.0以上(LOLLIPOP)顶部系统状态栏和底部导航栏透明(半透明) -->
        <item name="android:windowTranslucentStatus">false</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <!-- 5.0以上是半透明偏灰色，需要设置状态栏颜色为全透明 -->
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>

</resources>

在布局的根目录添加fitSystemWindow=true属性即可

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true" <-- 在这里添加
    tools:context="com.example.fitsystemwindow.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:title="@string/app_name"
        app:titleTextColor="@android:color/white" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorAccent"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/app_name" />

    </LinearLayout>

</LinearLayout>

2 通过代码设置顶部状态栏和顶部导航栏透明

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 代码设置顶部状态栏透明
        // 在4.4以上版本设置系统状态栏和底部导航栏透明（效果：4.4以下无效，4.4以上全透明，5.0以上半透明）
        // 如果在values-v19和values-21设置过,则不需要使用代码设置,二选一
        setContentView(R.layout.activity_main);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            setStatusBarUpperAPI21();
        } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            setStatusBarUpperAPI19();
        }
    }

    /**
     *  5.0以上透明状态栏
     */
    private void setStatusBarUpperAPI21() {
          // 全屏模式：显示顶部状态栏，状态栏背景透明,呈现根Layout的背景

//        Window window = getWindow();
          // 设置透明状态栏,这样才能让contentView向上
//        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
          // 需要设置这个flag才能调用setStatusBarColor()来设置状态栏颜色
//        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
//
//        ViewGroup contentView = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
//        View childView = contentView.getChildAt(0);
//        if (childView != null) {
              // 注意不是设置contentView的fitSystemWindows,而是设置contentView第一个子View,使其不为系统View预留空间
//            ViewCompat.setFitsSystemWindows(childView, false);
//        }

        // 着色模式:显示顶部状态栏,动态设置状态栏背景颜色

        Window window = getWindow();
        // 取消设置透明状态栏,使contentView内容不再覆盖状态栏
        window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        // 需要设置这个flag才能调用setStatusBarColor()来设置状态栏颜色
        window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
        // 由于setStatusBarColor()最低支持版本21,这里的minSdkVersion=15,如果需要设置颜色,到values-v21的styles.xml文件添加android:statusBarColor
//        window.setStatusBarColor(getResources().getColor(R.color.colorPrimaryDark));
        ViewGroup contentView = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
        View childView = contentView.getChildAt(0);
        if (childView != null) {
            // 注意不是设置contentView的fitSystemWindow,而是设置contentView的第一个子View,预留出系统View的空间
            ViewCompat.setFitsSystemWindows(childView, true);
        }
    }

    /**
     *  4.4-5.0透明状态栏
     */
    private void setStatusBarUpperAPI19() {
          // 全屏模式：显示顶部状态栏，状态栏背景透明,呈现根Layout的背景

//        Window window = getWindow();
//        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//
//        ViewGroup contentView = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
//        View statusBarView = contentView.getChildAt(0);
          // 移除假的View
//        if (statusBarView != null && statusBarView.getLayoutParams() != null &&
//                statusBarView.getLayoutParams().height == getStatusBarHeight()) {
//            contentView.removeView(statusBarView);
//        }
        // 不预留空间
//        if (contentView.getChildAt(0) != null) {
//            ViewCompat.setFitsSystemWindows(contentView.getChildAt(0), false);
//        }

        // 着色模式:显示顶部状态栏,动态设置状态栏背景颜色

        Window window = getWindow();
        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

        ViewGroup contentView = (ViewGroup) findViewById(Window.ID_ANDROID_CONTENT);
        int statusBarHeight = getStatusBarHeight();
        int statusBarColor = getResources().getColor(R.color.colorPrimaryDark);

        View topView = contentView.getChildAt(0);
        if (topView != null && topView.getLayoutParams() != null &&
                topView.getLayoutParams().height == statusBarHeight) {
            // 避免重复添加View
            topView.setBackgroundColor(statusBarColor);
            return;
        }
        // 使childView预留空间
        if (topView != null) {
            ViewCompat.setFitsSystemWindows(topView, true);
        }

        // 添加假View
        topView = new View(this);
        ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight);
        topView.setBackgroundColor(statusBarColor);
        contentView.addView(topView, 0, lp);
    }

    private int getStatusBarHeight() {
        int statusBarHeight = 0;
        int resId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resId > 0) {
            statusBarHeight = getResources().getDimensionPixelSize(resId);
        }
        return statusBarHeight;
    }

    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);
        if (hasFocus) {
            hideNavigationBar();
        }
    }

    /**
     *  显示底部导航栏
     */
    private void showNavigationBar() {
        Window window = getWindow();
        View decorView = window.getDecorView();
        decorView.setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    }

    /**
     *  隐藏底部导航栏
     */
    private void hideNavigationBar() {
        Window window = getWindow();
        View decorView = window.getDecorView();
        decorView.setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
    }
}