鸿蒙ArkTS声明式开发：跨平台支持列表【全屏模态转场】模态转场设置

全屏模态转场

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

     名称    参数    参数形貌              bindContentCover    isShow: boolean, builder: [CustomBuilder], options?: [ContentCoverOptions]    给组件绑定全屏模态页面，点击后表现模态页面。模态页面内容自界说，表现方式可设置无动画过渡，上下切换过渡以及透明渐变过渡方式。 isShow: 是否表现全屏模态页面。 从API version 10开始，该参数支持[$$]双向绑定变量 builder: 设置全屏模态页面内容。 options: 设置全屏模态页面的可选属性。    ContentCoverOptions

     名称    范例    必填    形貌              modalTransition    [ModalTransition]    否    全屏模态页面的转场方式。          backgroundColor    [ResourceColor]    否    全屏模态页面的背板颜色。          onAppear    () => void    否    全屏模态页面表现回调函数。          onDisappear    () => void    否    全屏模态页面回退回调函数。    示例

示例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.       Butt

复制代码

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