【鸿蒙系统开发技术案例】-第3课时：一多导航栏

一多导航栏 源码代码下载

介绍

本示例展示了导航组件在不同设备形态下的样式。

• 在sm设备上，以tabs形式展示，内容、导航为上下样式布局，通过点击底部tabs切换内容；
• 在md/lg设备上，以SideBarContainer形式展示，内容、导航为左右布局，通过点击侧边一二级菜单进行内容切换。

本示例使用一次开发多端部署中介绍的自适应布局能力和响应式布局能力进行多设备（或多窗口尺寸）适配，主要通过组件提供窗口断点事件，保证应用在不同设备或不同窗口尺寸下可以正常显示。

预览效果

本示例在预览器中的效果：

SM设备	MD设备	LG设备