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

时间:2015-12-15 13:08:17

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

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

2 个答案:

答案 0 :(得分:1)

首先,有两个侧边抽屉是一个坏主意可用性:

您应该根据demo

考虑以下选项
  1. 专注于嵌入式导航的单个视图
  2. 使用标签在少数同等重要的观看次数之间切换
  3. 通过左侧导航抽屉管理更复杂的结构。
  4. 如果您有多个视图要求您这样做,那么最好考虑标签。

    请参阅 Material Design Guidelines on top-level view strategies

      

    .....如果您的应用有多个视图,用户会稍微平等地参与,那么侧面导航可能会耗费您大量的潜在用户参与度,并且可以通过侧面访问应用的那些部分进行交互菜单。

答案 1 :(得分:0)

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

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

另一个例子是小提琴