吳世勛-====>* 原文鏈接 : IT TAKES LESS THAN 5 MINS, MAKE THAT DRAWER VISIBLE UNDER YOUR STATUS BAR
- 原文作者 : MATTHEW WEAR
- 譯文出自 : 掘金翻譯計(jì)劃
- 譯者 : Dwight
- 校對(duì)者: aidistan, Goshin
你也許聽過谷歌最新的設(shè)計(jì)理念 Material Design （“質(zhì)感設(shè)計(jì)”）規(guī)范隅很，可以讓你的抽屜式導(dǎo)航欄跨越整個(gè)屏幕白华，包括狀態(tài)欄鞋囊，并且讓抽屜后的所有控件以灰暗的網(wǎng)格形式可見。
然而，許多應(yīng)用打開抽屜式導(dǎo)航欄時(shí)看來是這樣的
這里將示范如何把這些元素改造成上面說到的規(guī)范。
擴(kuò)展你的主題
你可能已經(jīng)給包含抽屜的 Activity 定義了一個(gè)樣式。
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
第一步,創(chuàng)建一個(gè)擴(kuò)展自AppTheme的新Theme
vaules/styles.xml
<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
v21/styles.xml
<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
</style>
并且確保你的 Activity 指定使用了這個(gè) theme跺讯，比如
<activity
android:name="MyDrawerNavActivity"
android:theme="@style/AppTheme.NoActionBar"
配置 DrawerLayout 控件
第二步，到你定義DrawerLayout控件的地方殉农，設(shè)置insetForegroundColor (如果你不想控制 ScrimInsetLayout的顏色刀脏，你也可以不設(shè)置)。并設(shè)置好 fitsSystemWindow 屬性值
<android.support.v4.widget.DrawerLayout
...
android:fitsSystemWindows="true"
app:insetForeground="@color/inset_color"
>
看起來這樣
當(dāng)然超凳，如果一會(huì)你想在代碼里改變狀態(tài)欄的顏色或ScrimInsetLayout的顏色愈污，你可以在DrawerLayout中通過setters方法來獲取并改變耀态。
drawerLayout.setStatusBarBackgroundColor(ContextCompat.getColor(this, R.color.wierd_green));
drawerLayout.setScrimColor(ContextCompat.getColor(this, R.color.wierd_transparent_orange));
感謝你的閱讀，如果在我分享的內(nèi)容里暂雹，你有更好的方法來實(shí)現(xiàn)首装，那么在評(píng)論里更正，感激不盡杭跪。
* 以下添加于 6月5, 2016*
如果你繼承 DrawerLayout
Android Support 兼容包(AppCompat) 會(huì)在 DrawerLayout 里加入一個(gè) android.support.design.internal.ScrimInsetsFrameLayout, 但如果你使用繼承自 DrawerLayout 的自定義控件則不會(huì)這么做仙逻。
如果你繼承了DrawerLayout 但是沒有加入ScrimInsetsFrameLayout，你需要這么做：
activity_with_drawer_layout.xml
<com.myproject.views.MyDrawerLayout
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<fragment
android:id="@+id/left_drawer"
android:name="com.myproject.fragments.NavigationFragment"
android:layout_width="wrap_content"
android:layout_height="match_parent"
/>
</com.myproject.views.MyDrawerLayout>
在你的抽屜布局文件中加入一個(gè) ScrimInsetsFrameLayout涧尿，如：
navigation_fragment_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.design.internal.ScrimInsetsFrameLayout
...
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/transparent"
android:fitsSystemWindows="true"
>
<!--- content of drawer here --->
</android.support.design.internal.ScrimInsetsFrameLayout>