HarmonyOS开发之转场—全屏模态转场

最新推荐文章于 2025-12-18 14:59:44 发布

原创

最新推荐文章于 2025-12-18 14:59:44 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#鸿蒙 #harmonyos #华为

模态转场

鸿蒙的模态转场可以实现将新的页面覆盖到旧的页面而旧的页面不消失，因此为解决实现搜索页面提供了一种方案，省去了页面之家数据的传递，以下给出一种方案。

全屏模态转场

通过bindContentCover属性为组件绑定全屏模态页面，在组件插入和删除时可通过设置转场参数ModalTransition显示过渡动效。

绑定组件

Row(){
   
   
        Image($r('app.media.more'))
          .width(30)
          .height(30)
          .bindContentCover(this.isPresent, this.NavPage(), {
   
   //为组件绑定全屏模态界面
            modalTransition: ModalTransition.NONE,
            onDisappear: () => {
   
   
              this.isPresent = !this.isPresent;//设置界面控制状态变量
            }
          })
          .onClick(() => {
   
   
            // 改变状态变量，显示模态界面
            this.isPresent = !this.isPresent;
          })
      }
      .padding({
   
   right:20,bottom:10})