鸿蒙5.0开发进阶：使用Navigation实现多设备适配案例

往期鸿蒙全套实战文章必看：

• 鸿蒙开发核心知识点，看这篇文章就够了

• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线

• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南

• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）

介绍

在应用开发时，一个应用需要适配多终端的设备，使用Navigation的mode属性来实现一套代码，多终端适配。

效果图预览

使用说明

1. 将程序运行在折叠屏手机或者平板上观看适配效果。

实现思路

本例涉及的关键特性和实现方案如下：

1.分屏的使用

首先介绍的是本案例的关键特性Navigation的mode属性，原先采用的是NavigationMode.Stack，导航栏与内容区独立显示，相当于两个页面。 现在采用当设备宽度>=600vp时，采用Split模式显示；设备宽度<600vp时，采用Stack模式显示。通过display.isFoldable()判断是否设备可折叠，如果可折叠 通过display.on('foldStatusChange')来开启折叠设备折叠状态变化的监听，折叠时是Stack模式，半折叠和完全展开时采用Split模式。