Android 4.4 沉浸式透明狀態欄與導航欄

Android 4.4 沉浸式透明狀態欄與導航欄，android4.4

熱度1    評論 258

www.BkJia.Com   網友分享於：  2014-11-18 09:11:17     瀏覽數22745次

Android 4.4 沉浸式透明狀態欄與導航欄，android4.4

Android 系統自4.2 開始 UI 上就沒多大改變，4.4 也只是增長了透明狀態欄與導航欄的功能，如圖

那麼如今我就來給你們講解下如何使用這個新特性，讓你的 app 跟隨潮流，固然若是你不在意外觀就算了，
使用這個特性能開發出很漂亮的UI，尤爲對於 google 原生系統，屏幕下方的導航欄白白佔據一塊屏幕空間，看起來很不爽



OK廢話很少講，開始講技術吧，第一種方法，在代碼設置：

1. if(VERSION.SDK_INT >= VERSION_CODES.KITKAT) {
   

2.                                 //透明狀態欄
   

3.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   

4.                                 //透明導航欄
   

5.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
   

6.                         }

直接調用上面2行代碼能夠透明，可是你會發現你的 view 跑到 actionbar 上面去了，很明顯 google 的意圖是使你的 view 能夠佔據整個屏幕，而後 狀態欄和導航欄 透明覆蓋在上面很明顯這樣不可行。
那有沒有辦法使你的 view 保持原來大小呢？
有，你須要在這個 activity 的 layout xml 文件添加兩個屬性

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   

2.     android:layout_width="fill_parent"
   

3.     android:layout_height="fill_parent"
   

4.     android:gravity="center_horizontal"
   

5.     
   

6.     android:fitsSystemWindows="true"
   

7.     android:clipToPadding="true"
   

8.     
   

9.     android:orientation="vertical" >

這樣狀態欄的背景就是你的 activity 的主背景，假若actionbar 在，將會很難看，如圖：

事實證實，google 並無提供一個比較好的解決方案，他的 透明狀態欄與導航欄的應用侷限於，全屏閱讀文字或玩遊戲那種情景，


第二種方式，是是設置 theme 屬性

1. android:theme="@android:style/Theme.DeviceDefault.Light.NoActionBar.TranslucentDecor"
   

2.             android:theme="@android:style/Theme.Holo.Light.NoActionBar.TranslucentDecor"
   

3.             android:theme="@android:style/Theme.Holo.NoActionBar.TranslucentDecor"

複製代碼若是你使用自定主題，只需在在 values-19 文件添加如下屬性：

1. <style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">
   

2. 
   

3.         <!-- API 19 theme customizations can go here. -->
   

4.         <item name="android:windowTranslucentStatus">true</item>
   

5.         <item name="android:windowTranslucentNavigation">true</item>
   

6.     </style>

複製代碼
剛剛說了這個使用有侷限性，不過好在有一個開源的東西
https://github.com/jgilfelt/SystemBarTint


使用這個開源庫,必須開啓透明標題欄

使用這個主題

1. <style name="AppBaseTheme" parent="android:Theme.Holo.Light.DarkActionBar">
   

2. 
   

3.         <!-- API 19 theme customizations can go here. -->
   

4.         <item name="android:windowTranslucentStatus">true</item>
   

5.         <item name="android:windowTranslucentNavigation">true</item>
   

6.     </style>

或者在setContentView以前調用這個代碼

1. if(VERSION.SDK_INT >= VERSION_CODES.KITKAT) {
   

2.                                 //透明狀態欄
   

3.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
   

4.                                 //透明導航欄
   

5.                                 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
   

6.                         }