当前位置:   article > 正文

鸿蒙HarmonyOS实战-ArkUI组件(Navigation)_harmonyos navigation

harmonyos navigation

 一、Navigation

Navigation组件通常作为页面的根容器,支持单页面、分栏和自适应三种显示模式。开发者可以使用Navigation组件提供的属性来设置页面的标题栏、工具栏、导航栏等。

模式描述优点缺点
单页面模式整个网站只有一个页面,所有信息都在该页面内呈现页面加载速度快,交互性强,用户体验好不适合复杂的网站和内容
分栏模式将页面分成多栏,同时在每栏中显示不同的内容可以在有限的页面空间中展现更多的信息,提高页面的可读性和视觉吸引力页面结构复杂,不易维护和更新
自适应模式根据不同的设备和屏幕大小,自动调整和优化页面布局和内容具有良好的适应性和响应性,适合各种设备和平台页面设计和开发难度较大,需要更多的技术支持

在Navigation组件中,页面分为主页和内容页。主页由标题栏、内容区和工具栏组成,并且可以使用NavRouter子组件实现导航栏功能。内容页则主要显示NavDestination子组件中的内容。

NavRouter是Navigation组件中的特殊子组件,通常用于与Navigation组件配合使用,它默认提供了点击响应处理,不需要开发者自定义点击事件逻辑。NavRouter组件只有两个子组件,其中第二个子组件必须是NavDestination。而NavDestination则是Navigation组件中的特殊子组件,用于显示内容页的内容。当开发者点击NavRouter组件时,会跳转到对应的NavDestination内容区。

1.设置页面显示模式

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/228587

推荐阅读
相关标签