你也許聽過谷歌最新的設計理念 Material Design (「質感設計」)規範,能夠讓你的抽屜式導航欄跨越整個屏幕,包括狀態欄,而且讓抽屜後的全部控件以灰暗的網格形式可見。html
然而,許多應用打開抽屜式導航欄時看來是這樣的android
這裏將示範如何把這些元素改形成上面說到的規範。git
你可能已經給包含抽屜的 Activity 定義了一個樣式。github
<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>
複製代碼
第一步,建立一個擴展自AppTheme
的新Theme
app
vaules/styles.xml佈局
<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
複製代碼
v21/styles.xmlthis
<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 指定使用了這個 theme,好比google
<activity
android:name="MyDrawerNavActivity"
android:theme="@style/AppTheme.NoActionBar"
複製代碼
第二步,到你定義DrawerLayout
控件的地方,設置insetForegroundColor
(若是你不想控制 ScrimInsetLayout
的顏色,你也能夠不設置)。並設置好 fitsSystemWindow
屬性值spa
<android.support.v4.widget.DrawerLayout
...
android:fitsSystemWindows="true"
app:insetForeground="@color/inset_color"
>
複製代碼
看起來這樣翻譯
固然,若是一會你想在代碼裏改變狀態欄的顏色或ScrimInsetLayout
的顏色,你能夠在DrawerLayout
中經過setters方法來獲取並改變。
drawerLayout.setStatusBarBackgroundColor(ContextCompat.getColor(this, R.color.wierd_green));
drawerLayout.setScrimColor(ContextCompat.getColor(this, R.color.wierd_transparent_orange));
複製代碼
感謝你的閱讀,若是在我分享的內容裏,你有更好的方法來實現,那麼在評論裏更正,感激涕零。
* 如下添加於 6月5, 2016*
Android Support 兼容包(AppCompat) 會在 DrawerLayout
里加入一個 android.support.design.internal.ScrimInsetsFrameLayout
, 但若是你使用繼承自 DrawerLayout 的自定義控件則不會這麼作。
若是你繼承了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>
複製代碼
在你的抽屜佈局文件中加入一個 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>複製代碼