2021年5月4日 星期二

隱藏狀態列、標題列 (hide action bar and status bar)

前言

這一篇內容是初學 Android 時所遭遇的問題 (約 6年前還是學生的時候) ,先前連假時無意間翻到,但筆記內容撩亂已經不可考,所以簡單找了一下資料重新整理實作與測試。本篇文章若有錯誤錯誤會任何建議,請各位先進不吝指教。


介紹

首先我們要先介紹 狀態列(Status Bar)、標題列(Action Bar)是什麼。如下圖所示,很清楚地可以知道各項列分布的位置。


 Style 參數中,分別有三個參數可以設定,包含:
 - windowNoTitle:是否顯示Title,若選擇是則 隱藏 Title
 - windowActionBar:是否顯示 ActionBar,選擇是則 顯示 ActionBar
 - android:windowFullscreen:是否全銀幕顯示,若選擇是則 隱藏 ActionBar 與 StatusBar


隱藏 ActionBar 與 StatusBar,全銀幕顯示
Step 1. 我們先開啟 res\values\styles.xml → 加入下列程式碼
1
2
3
4
5
<style name="AppTheme.NoActionBar" parent="AppTheme">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
</style>

程式碼應該會長這樣:


Step 2. 開啟 AndroidManifest.xml , 更改 application tag 內的參數
android:theme= "@style/AppTheme.NoActionBar"
程式碼應該會長這樣:


結果:

 


若您要顯示 Status Bar 與 Action Bar,但不顯示 Title,可以這樣設定

1
2
3
4
5
<style name="AppTheme.NoActionBar" parent="AppTheme">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">false</item>
</style>


若您要顯示 Status Bar 、 Action Bar 與 Title,可以這樣設定

1
2
3
4
5
<style name="AppTheme.NoActionBar" parent="AppTheme">
     <item name="windowNoTitle">false</item>
     <item name="windowActionBar">true</item>
     <item name="android:windowFullscreen">false</item>
</style>

資料來源: http://dog0416.blogspot.com/2018/04/android-hide-action-bar-and-status-bar.html

沒有留言: