如何在 Google Material Design Lite 中添加 2 个滑动菜单答案

【问题标题】：How to add 2 Sliding Menu in Google Material Design Lite如何在 Google Material Design Lite 中添加 2 个滑动菜单
【发布时间】：2016-03-21 07:07:00
【问题描述】：

我需要使用Google MDL为我的设计添加两个侧边栏抽屉（左侧和右侧）。但是 mdl 布局不支持添加两个侧边栏抽屉。我该怎么做？。

【问题讨论】：

标签： javascript css material-design material-design-lite

【解决方案1】：

当我遇到这个问题时，我自己正在研究 2 个抽屉。这是可能的，并且在某些应用程序中是一个好的设计，实际上是在 Material Design lite 版本 2 的路线图中。请在此处阅读 Github 线程https://github.com/google/material-design-lite/issues/1597

有 2 个实际使用的托管示例，最好是在 Rich Media Gallery 过滤器选项中使用，即 Google Material Design Showcase。 http://richmediagallery.com/tools/template-database

另一个例子是小提琴

【讨论】：

【解决方案2】：

首先，拥有两个侧边栏抽屉在可用性方面是个坏主意：

您应该根据 Material Design Guidelines on top-level view strategies 考虑以下选项：

专注于具有嵌入式导航的单个视图
使用标签在少数同等重要的视图之间切换
通过左侧导航抽屉管理更复杂的结构。

如果您有多个视图需要您执行此操作，则最好考虑选项卡。

见UX designers: Side drawer navigation could be costing you half your user engagement

.....如果您的应用程序有多个视图，用户会在某种程度上平等地参与，那么侧边导航可能会花费您大量的潜在用户参与度，以及与通过侧边访问的应用程序部分的交互菜单。

【讨论】：

我同意你的看法，但这不是移动应用程序，而是网站。
还是个坏主意，因为您必须切换它们才能看到。例如有两个页脚，无论您拥有的内容大小如何，这都没有意义
- 1 这是一个糟糕的答案，实际上它甚至不是一个答案，而是一个应该是评论的批评者。有关详细信息，请参阅下面的复制粘贴答案。
这违背了 Google 的材料设计：github.com/google/material-design-lite/issues/…。但如果你仍然坚持你的两个侧边栏，请成为我的客人
所以我猜想 MDL 开发人员在帖子后面的评论说 2 个抽屉是一个有效的用例，他们正在重新打开问题（确认它没有关闭），以便它包含在 2.x 中没有任何意义。 github.com/google/material-design-lite/issues/…