【问题标题】:Navigation Drawer pattern material design导航抽屉图案材料设计
【发布时间】:2014-10-28 22:59:56
【问题描述】:

Google 刚刚在他们的博客 a post 上发布了讨论实现材料设计的最佳实践。它说:

如果应用程序使用导航抽屉,它会遵循更新的材料设计交互和样式(图 7)。抽屉出现在应用栏的前面。它在状态栏后面也显示为半透明。

但是,如果您看看它是如何在 Google Play Store 和 Inbox by Gmail 等应用中实现的,导航抽屉位于操作栏(工具栏)下方。

不过,Play Newsstand 和 Pushbullet 等应用会按照建议使用工具栏上方的抽屉。 那么,我应该使用哪一个?

附带说明,如果我应该将抽屉放在工具栏上方,Google 为什么要在汉堡图标中实现动画(ActionBarDrawerToggle)?

【问题讨论】:

  • 按照材料指南所说的去做,而不是 Inbox 做的。将抽屉放在操作栏上方。
  • 那么为什么动画ActionBarDrawerToggle?即使在 Play 报亭中,您也可以看到图标发生变化。
  • 可能属于 ux.stackexchange.com,或者可能属于 android.stackexchange.com
  • 这正是我的问题。如果我应该将抽屉放在工具栏上方,为什么新设计库中添加汉堡图标的唯一方法是 DrawerToggle WITH 动画? (如果我不想要动画,我必须手动放置一个图标)。我说的对吗?

标签: android material-design


【解决方案1】:

您应该使用 Material Specs 中的版本,并在栏上显示您的左侧抽屉。

收件箱NavigationDrawer宽度也不正确:

侧边导航的宽度等于屏幕宽度减去操作栏的高度,在本例中为屏幕右边缘的 56dp。

移动端:宽度 = 屏幕宽度 - 应用栏高度

桌面:左侧导航的最大宽度为 400dp。正确的导航会因内容而异。

当您拉出右侧抽屉时,动画也会显示,该抽屉应显示在抽屉下方。此外,您的抽屉可以是(半)半透明的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-12-21
    • 1970-01-01
    • 2015-05-14
    • 2014-12-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-30
    相关资源
    最近更新 更多