HarmonyOS 鸿蒙Next CustomDialog 添加动画从下往上打开动画,从上往下关闭动画

发布于 1周前 作者 ionicwang 来自 鸿蒙OS

HarmonyOS 鸿蒙Next CustomDialog 添加动画从下往上打开动画,从上往下关闭动画

弹框已设置 alignment: DialogAlignment.Bottom,其中 openAnimation和closeAnimation文档中没有给出示例,想实现从下往上打开动画,从上往下关闭动画

1 回复

在HarmonyOS鸿蒙Next中,为CustomDialog添加从下往上打开的动画以及从上往下关闭的动画,可以通过设置动画参数来实现。以下是具体步骤:

  1. 定义动画效果

    • 在CustomDialog的build()方法中,为根布局添加transition属性。
    • 使用TransitionEffect.translate设置移动动画,通过y轴的变化实现从下往上(打开)和从上往下(关闭)的效果。
  2. 控制显示与关闭

    • 在显示对话框时,通过CustomDialogController的open方法触发打开动画。
    • 在关闭对话框时,可以先将弹窗设置为隐藏状态,通过修改状态变量并触发关闭动画,然后延时调用close方法关闭弹窗。
  3. 示例代码

    • 在CustomDialog的build()方法中设置transition属性,包含打开和关闭的动画效果。
    • 在取消方法中,先将showFlag设置为Visibility.Hidden,然后延时调用controller.close()。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部