赞
踩
本示例分别展示了多场景下,一多分栏控件的响应式变化效果。
本示例分别用到了[SideBarContainer]组件与[Navigation]组件,对应使用场景如下:
本示例在预览器中的效果:
A+B+C:
A+C:
B+C:
使用说明:
1.在预览器中查看页面效果
2.在预览器中开启窗口拖拽模式,拖动窗口变化,可以查看组件的响应式变化,如下图所示:
`HarmonyOS与OpenHarmony鸿蒙文档籽料:mau123789是v直接拿` MultiNavBar/entry/src/main/ets/ |---model | |---dataType.ets // 侧边栏菜单数据类型 |---Application | |---MailBox.ets // 邮箱 | |---PhotoAlbum.ets // 图库 | |---Settings.ets // 设置 |---pages | |---Index.ets // 首页 |---common | |---BreakpointSystem.ets // 媒体查询 | |---MailContent.ets // 邮箱详情 | |---MailNavigation.ets // 邮箱导航 | |---MailSideBar.ets // 邮箱侧边栏 | |---PhotoContent.ets // 图库详情 | |---PhotoSideBar.ets // 图库侧边栏 | |---SettingItem.ets // setting设置项 | |---WlanItem.ets // Wlan详情页
gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
点击或者复制转到。响应式规则
场景一:A+B+C
场景二:A+C
场景三:B+C