相关问题
请教一下关于Ticktimer 的疑问?
1923浏览 • 1回复 待解决
想找朋友了解一下关于应用鸿蒙开发,有偿
6156浏览 • 4回复 待解决
请教一下如何实现函数的重载
230浏览 • 1回复 待解决
请教一下如何开关闪光灯
160浏览 • 1回复 待解决
请教一下listcontainer怎么设置item的左右滑动事件?
4682浏览 • 1回复 待解决
请教一下linux安装deveco时出现xmodem失败的问题
7058浏览 • 1回复 待解决
请教一下,listcontainer怎么设置item的滑动事件?是哪个方法?
4201浏览 • 1回复 待解决
请教一下想要开发鸿蒙系统的智能电视用什么硬件方案
4900浏览 • 1回复 待解决
polardb 的各位大神,请教一下:开源的PFS的件系统扩展功能
1609浏览 • 1回复 待解决
谁分享一下如何实现匿名内部类
249浏览 • 0回复 待解决
谁分享一下鸿蒙视频的功能体验一下啊
4833浏览 • 1回复 待解决
请问一下鸿蒙的pad应用该如何签名?
6658浏览 • 1回复 待解决
关于鸿蒙有几个问题,希望大家能够帮忙解答一下
9473浏览 • 1回复 已解决
请教一下鸿蒙有没有类似安卓的FrameLayout这个组件?鸿蒙中是用什么代替?
1055浏览 • 1回复 待解决
鸿蒙应用调测助手获取不到UDID请求解决一下
15982浏览 • 3回复 已解决
关于Record使用变量的相关用法.并了解一下record的关于变量作为key的标准写法
340浏览 • 1回复 待解决
ob有如何下报错,麻烦帮忙看一下?
3255浏览 • 1回复 待解决
关于liteos-a的一些问题想请教各位
7070浏览 • 2回复 待解决
请问一下tab按钮组切换效果
411浏览 • 1回复 待解决
编译OpenHarmony2.0失败,求助一下
7482浏览 • 3回复 已解决
关于鸿蒙的话,期待已久了。有没有大佬能帮忙解答一下几个问题
6413浏览 • 4回复 待解决
想了解一下MD5算法示例。
299浏览 • 1回复 待解决
想了解一下大家使用鸿蒙系统的体验
5浏览 • 0回复 待解决
分享一下你的鸿蒙系统使用感受吧
2743浏览 • 1回复 待解决
hilink通用协议估计开发接入,帮忙指导一下。
8143浏览 • 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效果: