相容 Android 4.4 透明狀態列與導航欄

許佳佳233發表於2016-04-06
Android
Android 系統自4.2 開始 UI 上就沒多大改變，4.4 也只是增加了透明狀態列與導航欄的功能，如圖
左邊為 4.2.2 右邊為 4.4.2
        


那麼現在我就來給大家講解下如何使用這個新特性，讓你的 app 跟隨潮流，當然如果你不在乎外觀就算了，
使用這個特效能開發出很漂亮的UI，尤其對於 google 原生系統，螢幕下方的導航欄白白佔據一塊螢幕空間，看起來很不爽



圖為 sommth 客戶端，

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">

  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

可以設定 statusbar 背景，原理是在 Window 的 DocView 新增 view，大家可以下載這個專案學習如何使用



SystemBarTint-master.zip  //自行百度下載

相關文章