相关问题
请教一下关于Ticktimer 的疑问?
4002浏览 • 1回复 待解决
想找朋友了解一下关于应用鸿蒙开发,有偿
8099浏览 • 4回复 待解决
请教一下如何实现函数的重载
1506浏览 • 1回复 待解决
请教一下如何开关闪光灯
1239浏览 • 1回复 待解决
HarmonyOS 关于分栏下的断点优化问题
315浏览 • 1回复 待解决
请教2个vp相关的问题,麻烦解答一下
791浏览 • 1回复 待解决
请教一下listcontainer怎么设置item的左右滑动事件?
6573浏览 • 1回复 待解决
请教一下linux安装deveco时出现xmodem失败的问题
8949浏览 • 1回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI中无感监听是啥意思,怎么实现?
658浏览 • 1回复 待解决
请教一下,listcontainer怎么设置item的滑动事件?是哪个方法?
5859浏览 • 1回复 待解决
请教一下,鸿蒙开发中onReceiveMessage方法的参数是什么类型?
683浏览 • 0回复 待解决
#鸿蒙通关秘籍#上个问题请教一下,HarmonyOS里面,怎么让应用间快速认出对方呢?
412浏览 • 2回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI中组件的光标控制怎么实现,有人能帮帮吗?
573浏览 • 1回复 待解决
请教一下想要开发鸿蒙系统的智能电视用什么硬件方案
6675浏览 • 1回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI中组件的媒体查询怎么实现,有人能帮帮吗?
688浏览 • 1回复 待解决
polardb 的各位大神,请教一下:开源的PFS的件系统扩展功能
3351浏览 • 1回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI组件快照怎么获取,有人能帮帮吗?
577浏览 • 1回复 待解决
#鸿蒙通关秘籍#上个问题请教一下,HarmonyOS里面,怎么让应用间深度集成,但各自独立呢?
549浏览 • 1回复 待解决
谁分享一下鸿蒙视频的功能体验一下啊
6984浏览 • 1回复 待解决
请教一下大家,鸿蒙项目打包APP时,提示模块间有不同的releaseType sdkversion
900浏览 • 0回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI页面路由应该怎么做,有人能帮帮吗?
614浏览 • 1回复 待解决
谁分享一下如何实现匿名内部类
1583浏览 • 1回复 待解决
请问一下鸿蒙的pad应用该如何签名?
8861浏览 • 1回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI中组件的属性动画怎么玩,有人能帮帮吗?
553浏览 • 1回复 待解决
#鸿蒙通关秘籍#请教一下,ArkUI中当前Ability的FocusControl怎么获取,有人能帮帮吗?
537浏览 • 1回复 待解决
1、分栏场景分析
1.1 为什么要分栏
折叠屏展开,平板等屏幕较大的设备,如果还是按照手机布局展示内容,会显得页面太宽,内容太分散,不够美观,此时如果页面能够分左右两块,左边作为导航区,右侧作为内容区,体验会更佳。
1.2 分栏和未分栏效果对比
如果想直接分栏,可以设置mode属性为Split;如果不想分栏,可以设置为Stack;如果想让组件自动识别是否分栏,可以设置为Auto。 推荐使用Auto,这样应用不需要做过多分栏触发时机的识别。
1.3 分栏的场景
屏幕较大的设备,如平板、折叠屏展开、pc、车机大屏等,需要让页面内容更丰富,更方便操作。
左侧作为导航区域,右侧作为内容区域,操作方便。
2、分栏实践
2.1 左侧导航栏
导航栏作为应用一级页面,需要包在Navigation组件内:
2.2 导航栏右侧内容区
分栏右侧内容区是导航栏的子页面,需要包在NavDestination组件内:
注意点:内容区组件不需要用@Entry修饰,build时需要包在NavDestination内。
2.3 关联导航栏和内容区
即导航栏区域点击某个item,右侧需要显示对应内容区
首先2.1章节Navigation的navDestination需要设置子页面的映射关系,根据name去匹配加载不同的子页面。
定义this.pageMap,2.1章节有用到:
导航栏item点击后触发的事件在2.1章节代码onClick事件内,即往pageInfos栈内push子页面,这样就可以在右侧显示。
2.4 demo验证
为了方便理解,写了个简易demo(和业务代码有区别)把上面三步串起来:
Demo效果: