[译] 5 分钟让 Drawer 在状态栏下可见

吴世勋-====>* 原文链接 : IT TAKES LESS THAN 5 MINS, MAKE THAT DRAWER VISIBLE UNDER YOUR STATUS BAR

  • 原文作者 : MATTHEW WEAR
  • 译文出自 : 掘金翻译计划
  • 译者 : Dwight
  • 校对者: aidistan, Goshin

你也许听过谷歌最新的设计理念 Material Design (“质感设计”)规范,可以让你的抽屉式导航栏跨越整个屏幕,包括状态栏,并且让抽屉后的所有控件以灰暗的网格形式可见。

然而,许多应用打开抽屉式导航栏时看来是这样的

[译] 5 分钟让 Drawer 在状态栏下可见_第1张图片

这里将示范如何把这些元素改造成上面说到的规范。

扩展你的主题

你可能已经给包含抽屉的 Activity 定义了一个样式。

  

第一步,创建一个扩展自AppTheme的新Theme

vaules/styles.xml


v21/styles.xml

  

并且确保你的 Activity 指定使用了这个 theme,比如

配置 DrawerLayout 控件

第二步,到你定义DrawerLayout控件的地方,设置insetForegroundColor (如果你不想控制 ScrimInsetLayout的颜色,你也可以不设置)。并设置好 fitsSystemWindow 属性值


看起来这样

[译] 5 分钟让 Drawer 在状态栏下可见_第2张图片

当然,如果一会你想在代码里改变状态栏的颜色或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*

如果你继承 DrawerLayout

Android Support 兼容包(AppCompat) 会在 DrawerLayout 里加入一个 android.support.design.internal.ScrimInsetsFrameLayout, 但如果你使用继承自 DrawerLayout 的自定义控件则不会这么做。

如果你继承了DrawerLayout 但是没有加入ScrimInsetsFrameLayout,你需要这么做:

activity_with_drawer_layout.xml



    

    

  

在你的抽屉布局文件中加入一个 ScrimInsetsFrameLayout,如:

navigation_fragment_layout.xml

  


    

你可能感兴趣的:([译] 5 分钟让 Drawer 在状态栏下可见)