Android 詳解沉浸式狀態欄的實現流程

Posted on by

Android—沉浸式狀態欄

image

我們的征程是星辰大海，而非人間煙塵

去掉標題欄

首先去掉對應主題下面的Android自帶的ActionBar，隻需要在對應主題下面加NoActionBar

效果

引入依賴

implementation 'com.jaeger.statusbarutil:library:1.5.1'

沉浸狀態欄顏色

沉浸式狀態欄，既可以把顏色實現沉浸，又可以把圖片實現沉浸。

未設置顏色沉浸的狀態：

image

邏輯代碼：

StatusBarUtil.setColor(MainActivity.this,getResources().getColor(R.color.teal_200),0)

image

佈局文件

image

沉浸狀態欄圖片

未沉浸之前的效果

image

沉浸之後的效果

image

佈局代碼

  • 將要沉浸的圖片放在ImageView組件裡面
  • 其他的組件放在一個佈局裡面
  • 通過一個setTransparentForImageView方法替換

image

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="250dp"
        android:src="@drawable/w"
        android:layout_margin="0dp"
        android:padding="0dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/constraintLayout"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView">


        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="115dp"
            android:text="Button"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

邏輯代碼

image

StatusBarUtil.setTransparentForImageView(this,findViewById(R.id.constraintLayout));

StatusBarUtil官網

到此這篇關於Android 詳解沉浸式狀態欄的實現流程的文章就介紹到這瞭,更多相關Android 沉浸式狀態欄內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：