android values-v21 style 报错,Android 4.4 以上实现透明导航栏和状态栏 Translucent system bar...
第一種方式
第一種方式,需要做下面三步設(shè)置
1、在values、values-v19、values-v21的style.xml都設(shè)置一個(gè) Translucent System Bar 風(fēng)格的Theme
values/style.xml
values-v19/style.xml
true
true
values-v21/style.xml
false
true
@android:color/transparent
上面需要注意的地方是,無論你在哪個(gè)SDK版本的values目錄下,設(shè)置了主題,都應(yīng)該在最基本的values下設(shè)置一個(gè)同名的主題。這樣才能確保你的app能夠正常運(yùn)行在 Android 4.4 以下的設(shè)備。否則,肯定會報(bào)找不到Theme的錯(cuò)誤。
2、在AndroidManifest.xml中對指定Activity的theme進(jìn)行設(shè)置
android:name=".ui.ImageTranslucentBarActivity"
android:label="@string/image_translucent_bar"
android:theme="@style/ImageTranslucentTheme" />
3、在Activity的布局文件中設(shè)置背景圖片,同時(shí),需要把a(bǔ)ndroid:fitsSystemWindows設(shè)置為true
activity_image_translucent_bar.xml
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/env_bg"
android:fitsSystemWindows="true">
到此,第一種實(shí)現(xiàn)方式完成,大家可以看看下面的效果
ImageTranslucentTheme效果
就跟中華萬年歷的天氣預(yù)報(bào)效果界面一樣,系統(tǒng)的整個(gè)導(dǎo)航欄都融入了app的界面中,背景圖片填滿了整個(gè)屏幕,看起來舒服很多。這里還有一個(gè)android:fitsSystemWindows設(shè)置需要注意的地方,后面會在細(xì)講。接下來看第二種實(shí)現(xiàn)。
方式二
相比中華萬年歷,QQ音樂采用的是另外一種實(shí)現(xiàn)的方式,它將app的Tab欄和系統(tǒng)導(dǎo)航欄分開來設(shè)置。
QQ音樂效果風(fēng)格
由于它的Tab欄是純色的,所以只要把系統(tǒng)通知欄的顏色設(shè)置和Tab欄的顏色一致即可,實(shí)現(xiàn)上相比方法一要簡單很多。同樣要到不同SDK版本的values下,創(chuàng)建一個(gè)同名的theme,在values-v21下,需要設(shè)置系統(tǒng)導(dǎo)航欄的顏色:
values-v21/style.xml
false
true
@color/color_31c27c
再到ColorTranslucentBarActivity的布局文件activity_color_translucent_bar.xml中設(shè)置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音樂界面實(shí)現(xiàn)效果
到此,就大體介紹完了 Translucent System Bar 的兩種實(shí)現(xiàn)方式了。
android:fitsSystemWindows的“踩坑”
通過前面的兩種方式,大家估計(jì)會留意到一個(gè)地方,就是所有實(shí)現(xiàn) Translucent System Bar 效果的Activity,都需要在根布局里設(shè)置 android:fitsSystemWindows="true" 。設(shè)置了該屬性的作用在于,不會讓系統(tǒng)導(dǎo)航欄和我們app的UI重疊,導(dǎo)致交互問題。這樣說可能比較抽象,看看下面兩個(gè)效果圖的對比就知道了。
有fitsSystemWindows設(shè)置
沒有fitsSystemWindows設(shè)置
還有需要注意用到Translucent system bar時(shí),activity的頂層布局必須是基本的布局,比如,如果直接用material design里面的CoordinatorLayout做頂層布局時(shí),會出現(xiàn)一些異常問題。
總結(jié)
以上是生活随笔為你收集整理的android values-v21 style 报错,Android 4.4 以上实现透明导航栏和状态栏 Translucent system bar...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。