我需要爲我的設計添加兩個側欄抽屜(左側和右側),使用Google MDL。但mdl佈局不支持添加兩個側欄抽屜。做這個 ?。如何在Google Material Design Lite中添加2個滑動菜單
2
A
回答
1
首先,有兩個側邊欄的抽屜是一個壞主意可用性明智:
你應該考慮以下選項按照 Material Design Guidelines on top-level view strategies:與嵌入式導航的單一視圖
- 焦點
- 使用選項卡在少數同等重要的視圖之間切換
- 通過左導航抽屜管理更復雜的結構。
如果你有多個視圖需要你這樣做,你最好考慮製表符。
見UX designers: Side drawer navigation could be costing you half your user engagement
.....如果你的應用程序有用戶將使用同樣幾分,然後邊導航可以花費你你的潛在用戶參與大量從事多個視圖,並與互動應用程序的那些部分通過側面菜單訪問。
0
當我遇到這個問題時,我自己正在研究2個抽屜。這是可能的,並且是某些應用中的良好設計,實際上是材料設計lite版本2的路線圖。請閱讀Github線程https://github.com/google/material-design-lite/issues/1597
有2個託管的示例在行動中最好用於Rich Media Gallery過濾選項,即Google Material Design陳列室。 http://richmediagallery.com/tools/template-database
另一個例子是小提琴
相關問題
- 1. Material Design Lite Carousel
- 2. Newbee Material Design Lite Align
- 3. Material Design Lite導航
- 4. 如何在Angular2中集成Material Design Lite
- 5. Material Design Lite字體問題
- 6. 使用Material Design Lite和React
- 7. 滑動時打開導航抽屜(Material Design Lite)
- 8. 如何使用Modal彈出Material Design Lite?
- 9. 在Angular2中包含Material Design Lite(MDL)
- 10. Material Design Lite兩列菜單的示例 - 不適用於Chrome
- 11. Material Design Lite和Angular Material Design有什麼區別?
- 12. Angular 2 Material Design
- 13. 想要在右上角顯示菜單圖標按鈕。在Material Design Lite中
- 14. Material Design Lite和Bootstrap粘腳頁腳
- 15. Angular 2中的Material Design Lite工具提示問題
- 16. 帶Angular4的Material Design Lite - 不兼容
- 17. 在導航欄中滾動不起作用Material Design Lite v1.0.5
- 18. Material Design lite工具提示定位
- 19. Joomla 3.x上的Material Design Lite按鈕
- 20. Material Design Lite工具提示不適用於Angular 2
- 21. Material Design Lite表單按鈕不提交任何東西
- 22. 將2個滑動菜單添加到活動
- 23. 加載資源失敗(404錯誤)(Material Design Lite)
- 24. Material Design Lite以編程方式觸發浮動標籤
- 25. 材料設計lite菜單不能在角度2中工作
- 26. 如何使用Material Design Lite自定義顏色?
- 27. Android Material Design AppCompat
- 28. Material Design Lite選項卡在Angular2中不起作用
- 29. Material Design md-menu madness
- 30. 如何將bootstrap-material-design軟件包添加到webpack中?
我同意你的看法,但是,這不是一個移動應用程序,這是一個網站。 – Randika
仍然是一個壞主意,因爲你必須切換它們才能看到。例如有兩個頁腳,無論你的內容大小如何都沒有意義 – William
- 1這是一個不好的答案,實際上它甚至不是一個答案,而是一個應該被評論的評論家。有關更多信息,請參閱下面的我的複製粘貼答案。 –