抽屉导航模式材料设计

Question

7

Google在他们的博客发表了一篇关于实施材料设计最佳实践的文章。其中提到：

如果应用程序使用导航抽屉，它遵循更新的材料设计交互和样式（图7）。抽屉出现在应用栏前面。它还会半透明地出现在状态栏后面。

但是，如果您看一下像Google Play Store和Inbox by Gmail这样的应用中的实现方式，则导航抽屉位于操作栏（工具栏）下方。

enter image description here

然而，像Play Newsstand和Pushbullet这样的应用程序使用其工具栏上方的抽屉，如建议所示。那么，我应该使用哪个？

顺便提一句，如果我应该将抽屉放在工具栏上方，为什么Google还要实现汉堡图标中的动画(ActionBarDrawerToggle)呢？

- Renan Ferreira

5

按照 Material 设计指南的要求操作，而不是仿照 Inbox。将您的抽屉放在操作栏上方。 - alanv

1

那么为什么要使用动画ActionBarDrawerToggle？即使在Play Newsstand中，您也可以看到图标的变化。 - Renan Ferreira

3

可能更适合发布在ux.stackexchange.com上，或者可能是http://android.stackexchange.com/。 - Chris Moschini

这正是我的问题。如果我应该将抽屉放在工具栏上方，为什么在新的设计库中添加汉堡图标的唯一方式是使用带有动画的DrawerToggle？（如果我不想要动画，我必须手动放置一个图标）。我是对的吗？ - Fatima

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Derk-Jan · Accepted Answer

您应该使用 Material Specs 中的版本，并在导航栏上方显示左抽屉。

Inbox 中的 NavigationDrawer 宽度也不正确：

侧边栏的宽度等于屏幕宽度减去操作栏的高度，或者在这种情况下是从屏幕右边缘开始的 56dp。

移动设备：Width = 屏幕宽度 - 应用栏高度

桌面设备：左侧导航栏的最大宽度为 400dp。右侧导航栏的宽度可以根据内容而变化。

当您拉出右边抽屉时，也会显示动画，应显示在抽屉下方。此外，您的抽屉可以是（半）透明的。