能否修改Dialog关闭动画？自定义Dialog动画一致性需求咨询

当然可以自定义Dialog的关闭动画，让它和打开动画保持一致，以下是不同平台的具体实现思路：

Android平台 #

• 在res/anim目录下创建与打开动画反向的自定义关闭动画资源文件（比如缩放淡出、位移淡出等效果）
• 两种实现方式：
  1. 通过Window属性全局替换：
     在styles.xml中定义包含进出动画的样式：

     <style name="CustomDialogAnimation">
         <item name="android:windowEnterAnimation">@anim/dialog_open_anim</item>
         <item name="android:windowExitAnimation">@anim/dialog_close_anim</item>
     </style>
     

     然后给Dialog的Window设置该样式：

     dialog.getWindow().setWindowAnimations(R.style.CustomDialogAnimation);
     

  2. 监听关闭事件手动触发：

     dialog.setOnDismissListener(dialogInterface -> {
         View decorView = dialog.getWindow().getDecorView();
         Animation closeAnim = AnimationUtils.loadAnimation(context, R.anim.dialog_close_anim);
         closeAnim.setAnimationListener(new Animation.AnimationListener() {
             @Override
             public void onAnimationEnd(Animation animation) {
                 dialog.dismiss();
             }
             // 实现另外两个空方法
             @Override public void onAnimationStart(Animation animation) {}
             @Override public void onAnimationRepeat(Animation animation) {}
         });
         decorView.startAnimation(closeAnim);
     });
     

iOS平台 #

• 自定义UIViewControllerTransitioningDelegate，实现animationControllerForDismissedController方法，返回与打开动画对应的关闭动画实例
• 展示Dialog时，设置其transitioningDelegate为自定义代理，同时将modalPresentationStyle设为.custom

Web端（含框架） #

• Vue/React框架：监听Dialog的关闭触发事件，给Dialog元素添加自定义退出动画类，利用CSS的transition或@keyframes实现效果，在动画结束的钩子中完成Dialog的隐藏
• 原生JS：监听关闭操作，给Dialog元素添加动画样式，通过animationend事件监听动画完成，之后移除Dialog元素

核心逻辑：替换系统默认的关闭动画触发逻辑，绑定与打开动画匹配的自定义动画效果，不同平台仅实现细节有差异。

内容的提问来源于stack exchange，提问作者Karol Wiśniewski