第一種方式

第一種方式，需要做下面三步設置

1、在values、values-v19、values-v21的style.xml都設置一個 Translucent System Bar 風格的Theme

values/style.xml

values-v19/style.xml

true

true

values-v21/style.xml

false

true

@android:color/transparent

上面需要注意的地方是，無論你在哪個SDK版本的values目錄下，設置了主題，都應該在最基本的values下設置一個同名的主題。這樣才能確保你的app能夠正常運行在 Android 4.4 以下的設備。否則，肯定會報找不到Theme的錯誤。

2、在AndroidManifest.xml中對指定Activity的theme進行設置

android:name=".ui.ImageTranslucentBarActivity"

android:label="@string/image_translucent_bar"

android:theme="@style/ImageTranslucentTheme" />

3、在Activity的布局文件中設置背景圖片，同時，需要把android:fitsSystemWindows設置為true

activity_image_translucent_bar.xml

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@mipmap/env_bg"

android:fitsSystemWindows="true">

到此，第一種實現方式完成，大家可以看看下面的效果

ImageTranslucentTheme效果

就跟中華萬年歷的天氣預報效果界面一樣，系統的整個導航欄都融入了app的界面中，背景圖片填滿了整個屏幕，看起來舒服很多。這里還有一個android:fitsSystemWindows設置需要注意的地方，后面會在細講。接下來看第二種實現。

方式二

相比中華萬年歷，QQ音樂采用的是另外一種實現的方式，它將app的Tab欄和系統導航欄分開來設置。

QQ音樂效果風格

由于它的Tab欄是純色的，所以只要把系統通知欄的顏色設置和Tab欄的顏色一致即可，實現上相比方法一要簡單很多。同樣要到不同SDK版本的values下，創建一個同名的theme，在values-v21下，需要設置系統導航欄的顏色：

values-v21/style.xml

false

true

@color/color_31c27c

再到ColorTranslucentBarActivity的布局文件activity_color_translucent_bar.xml中設置Tab欄的顏色

android:layout_width="match_parent"

android:layout_height="match_parent"

android:fitsSystemWindows="true"

android:orientation="vertical">

android:layout_width="match_parent"

android:layout_height="55dp"

android:background="@color/color_31c27c">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="QQ Music"

android:textColor="@android:color/white"

android:textSize="20sp" />

到此，我們就可以得到和QQ音樂主界面一樣的效果了。

QQ音樂界面實現效果

到此，就大體介紹完了 Translucent System Bar 的兩種實現方式了。

android:fitsSystemWindows的“踩坑”

通過前面的兩種方式，大家估計會留意到一個地方，就是所有實現 Translucent System Bar 效果的Activity，都需要在根布局里設置 android:fitsSystemWindows="true" 。設置了該屬性的作用在于，不會讓系統導航欄和我們app的UI重疊，導致交互問題。這樣說可能比較抽象，看看下面兩個效果圖的對比就知道了。

有fitsSystemWindows設置

沒有fitsSystemWindows設置

還有需要注意用到Translucent system bar時，activity的頂層布局必須是基本的布局，比如，如果直接用material design里面的CoordinatorLayout做頂層布局時，會出現一些異常問題。

總結

以上是生活随笔為你收集整理的android values-v21 style 报错,Android 4.4 以上实现透明导航栏和状态栏 Translucent system bar...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。