多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
### **误区:** * * * * * 1.菜单栏和导航器都能起导航的作用,但注意导航器包括菜单栏 2.后续补充 ### **导航器** * * * * * 功能介绍:导航器是一组链接,通过链接可展示更多模块及内容,可实现模块菜单、栏目栏等多种功能。 使用场景: 1.通过子模块组合绑定导航器实现不同模块,不同样式和数据; 2.在普通模块中添加导航器组件,在任何地方实现导航; 分类: 1.横滑导航器:这种导航方式很容易带来高大上的视觉体验,最大程度的保证了页面的简洁性和内容的完整性,且一般都会结合滑动切换的手势,操作起来也非常方便。 2.标准列表导航器:标准列表式导航器是最必不可少的一种信息承载模式,这种导航结构简单清晰、易于理解、冷静高效,能够帮助用户快速定位到对应内容。 3.等高导航器:一种独特的设计效果,阿里系的产品等到导航器用的比较频繁。 4.标签式导航器:包括底部菜单栏,底部菜单栏及标签云导航等方式 ![](https://box.kancloud.cn/e2ab11bf0ac786376cdf29c5c9f25e79_480x192.png) ### **菜单栏** * * * * * 1.顶部菜单栏 ![](https://box.kancloud.cn/d995179754628f1ae14ba0ba0ef6c6c9_414x738.png) 2.底部菜单栏 ![](https://box.kancloud.cn/0e40694d3fb8d0095ea6da0bb78e2192_414x738.png) ### **导航页面** * * * * * 1.侧滑菜单列表导航:本质上一个标准菜单导航列表的一个衍生页面,视觉效果更佳,互动性更高。 ![](https://box.kancloud.cn/6a6efec4b8abc7356384d9cd23883666_460x370.png) 2.标准菜单列表导航:一般都出现在个人中心,设置中心页面及产品的更多功能分类里面。 ![](https://box.kancloud.cn/2be49440facf2d4c2871804a468881c6_254x455.png) ### **栏目栏** * * * * * 具备某种分类功能的菜单栏也叫栏目栏,这样细分虽增加了理解难度,但确实也能正真体会到栏目栏的作用。 栏目组件一般出现在顶部导航器里面,常见的APP有今日头条。 ![](https://box.kancloud.cn/595391f01f43ebfec48bdfe97e54918d_392x696.png)