HarmonyOS开发5.0【模态转场组件】

鸿蒙系统的介绍

鸿蒙系统作为华为推出的一款面向全场景的分布式操作系统，具有万物互联、卡片式应用、超级终端、分布式架构、低延迟和高可靠性、安全性和隐私保护等特点。

今天我们讲的是鸿蒙ArkTs的模态组件

鸿蒙的模态转场组件，它是鸿蒙系统中用于实现界面间转换的一种重要方式，通过模态转场可以实现新界面覆盖在旧界面上，而旧界面不消失的效果，它允许开发者在应用中实现多种类型的转场效果，如全屏模态转场、半模态转场、菜单弹出等。这些转场效果能够提升应用的交互体验，使用户能够更加流畅地在不同界面间切换。

模态转场

模态转场，就是页面中弹出，全屏&半屏的弹框

模态组件有半模态和全模态两种，根据使用的场景来确定

半模态	通过bindSheet属性为组件绑定半模态页面
名称	参数	描述
bindSheet	builder: [CustomBuilder]，options?: [SheetOptions]，options?: [SheetOptions]	给组件绑定半模态页面，点击后显示模态页面，支持$$双向绑定,isShow:是否显示拟态页面。 builder: 配置半模态页面内容 options: 配置半模态页面的可选属性

常用的可选属性

1. height 设置模态的高度，当设置detents时，该属性设置无效
2. dragBar ** boolean类型** 作用是是否显示控制条，默认显示
3. showClose ** boolean类型** 是否显示关闭图标，默认显示
4. detents **[(SheetSize | Length),(SheetSize | Length)?,(SheetSize | Length)?] ** 半模态页面的切换高度档位。

全模态	通过bindContentCover属性为组件绑定半模态页面
参数跟半模态一致

核心步骤：

1. 定义状态变量，boolean
2. 通过 Builder 定义结构
3. 绑定全屏模态 bindContentCover
4. 修改状态变量，控制显示