[Android] 隱藏狀態列、標題列

2021/03/09 Android

前言

Android 的 Toolbar 包含了狀態列(Status Bar)與標題列(Action Bar)。如果需要克制會會隱藏必須要先到 values 資料夾中的 themes.xml 設定好 Toolbar 的樣式。接著打開 AndroidManifest.xml , 更改 application tag 內的 theme 參數。以下教學手把手帶你來將狀態列與標題列隱藏,文章最後會提供此範例程式。

修改 themes.xml

最新版的 Android 在主題的架構上有稍微調整,原先主題樣式的配色修改會在 values.xml 中設定。最新版本會發現多了 themes 資料夾,以及眼尖的朋友可以發現到除了 values 資料夾還多了夜間版本的設定 values-night

分別在 values/themes.xmlvalues-night/themes.xml 加入以下程式碼。Style 參數中,分別有三個參數可以設定,包含:

  • windowNoTitle:是否顯示Title,若選擇是則 隱藏 Title
  • windowActionBar:是否顯示 ActionBar,選擇是則 顯示 ActionBar
  • android:windowFullscreen:是否全銀幕顯示,若選擇是則 隱藏 ActionBar 與 StatusBar
<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    .
    .
    .
    略

    <style name="Theme.NoActionBar" parent="Theme.Androidhideactionbarandstatusbar">
        <item name="windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
        <item name="android:windowFullscreen">true</item>
    </style>
</resources>

修改 AndroidManifest.xml

開啟 AndroidManifest.xml,將沒有 Toolbar 的主題樣式套用。

android:theme= "@style/Theme.NoActionBar"

顯示 Status Bar 與 Action Bar,但不顯示 Title。

<style name="Theme.NoActionBar" parent="Theme.Androidhideactionbarandstatusbar">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">false</item>
</style>

顯示 Action Bar 與 Title,但不顯示 Status Bar。

<style name="Theme.NoActionBar" parent="Theme.Androidhideactionbarandstatusbar">
     <item name="windowNoTitle">false</item>
     <item name="windowActionBar">true</item>
     <item name="android:windowFullscreen">true</item>
</style>

完整 Code 可以從我的 GitHub 中取得!

版主10在2020年首次開設YouTube頻道,嘗試拍攝程式教學。想要了解更多的朋友歡迎關注我的頻道,您的訂閱就是最大的支持~如果想學其他什麼內容也歡迎許願XD
https://www.youtube.com/channel/UCSNPCGvMYEV-yIXAVt3FA5A

Search

    Table of Contents