鸿蒙Harmony应用开发—ArkTS声明式开发（模态转场设置：全屏模态转场）

通过bindContentCover属性为组件绑定全屏模态页面，在组件插入和删除时可通过设置转场参数ModalTransition表现过渡动效。
   阐明：
  从API Version 10开始支持。后续版本如有新增内容，则接纳上角标单独标志该内容的起始版本。
  不支持横竖屏切换。
  不支持路由跳转。
  bindContentCover

bindContentCover(isShow: boolean, builder: CustomBuilder, options?: ContentCoverOptions)
给组件绑定全屏模态页面，点击后表现模态页面。模态页面内容自界说，表现方式可设置无动画过渡，上下切换过渡以及透明渐变过渡方式。
体系本领： SystemCapability.ArkUI.ArkUI.Full
参数：
     参数名    范例    必填    阐明              isShow    boolean    是    是否表现全屏模态页面。
从API version 10开始，该参数支持$$双向绑定变量。          builder    CustomBuilder    是    设置全屏模态页面内容。          options    ContentCoverOptions    否    设置全屏模态页面的可选属性。    ContentCoverOptions

继承自BindOptions。
     名称    范例    必填    形貌              modalTransition    ModalTransition    否    全屏模态页面的转场方式。    示例

示例1

全屏模态无动画转场模式下，自界说转场动画。

1. // xxx.ets
2. @Entry
3. @Component
4. struct ModalTransitionExample {
5.   @State isShow:boolean = false
6.   @State isShow2:boolean = false
8.   @Builder myBuilder2() {
9.     Column() {
10.       Button("close modal 2")
11.         .margin(10)
12.         .fontSize(20)
13.         .onClick(()=>{
14.           this.isShow2 = false;
15.         })
16.     }
17.     .width('100%')
18.     .height('100%')
19.   }
21.   @Builder myBuilder() {
22.     Column() {
23.       Button("transition modal 2")
24.         .margin(10)
25.         .fontSize(20)
26.         .onClick(()=>{
27.           this.isShow2 = true;
28.         }).bindContentCover(this.isShow2, this.myBuilder2(),

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金