为自定义对话框设置动画

Question

我试图让自定义对话框看起来就像从文本视图中滑落一样。这可能吗？我似乎无法将任何动画应用于对话框类。我已经在构造函数中尝试过这一行，但没有效果：

this.getWindow().setWindowAnimations(R.anim.paranimation);

我什至不确定动画是否正确，但一旦我看到它在做什么，我就可以调整它。为了完整起见，我将在下面列出它。我不是在寻求有关实际动画的帮助，只是寻求对话框的应用程序。

paraanimation.xml：

<?xml version="1.0" encoding="utf-8"?>
<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="-200%"
    android:toXDelta="0%"
    android:fromYDelta="200%"
    android:toYDelta="0%"
    android:duration="3000"
    android:zAdjustment="top">
</translate>

Answer 1

我今天一直在努力处理对话框动画，终于使用样式让它工作了，所以这里是一个例子。

首先，最重要的事情 — 我今天可能让它以 5 种不同的方式工作，但无法分辨，因为...如果您的设备动画设置设置为“无动画”（设置 → 显示 → 动画），那么对话框获胜无论你做什么都不要生气！

以下是我的 styles.xml 的精简版本。希望它是不言自明的。它应该位于 res/values 中。

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="PauseDialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowAnimationStyle">@style/PauseDialogAnimation</item>
    </style>

    <style name="PauseDialogAnimation">
        <item name="android:windowEnterAnimation">@anim/spin_in</item>
        <item name="android:windowExitAnimation">@android:anim/slide_out_right</item>
    </style>
</resources>

windowEnterAnimation 是我的动画之一，位于 res\anim 中。
windowExitAnimation 是 Android SDK 中的动画之一。

然后，当我在活动 onCreateDialog(int id) 方法中创建对话框时，我执行以下操作。

Dialog dialog = new Dialog(this, R.style.PauseDialog);

// Setting the title and layout for the dialog
dialog.setTitle(R.string.pause_menu_label);
dialog.setContentView(R.layout.pause_menu);

或者，您可以按以下方式设置动画，而不是使用采用主题的 Dialog 构造函数。

Dialog dialog = new Dialog(this);
dialog.getWindow().getAttributes().windowAnimations = R.style.PauseDialogAnimation;

Answer 2

我使用 ChrisJD 代码为对话框创建了淡入和淡出动画。

1. res/style.xml 内部

2. anim/fadein.xml 内部

3. anim/fadeout.xml 内部

4. MainActivity

   对话框 imageDiaglog= new Dialog(MainActivity.this,R.style.PauseDialog);
   

Answer 3

从右到左（进入动画）和从左到右（退出动画）：

styles.xml：

<style name="CustomDialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowAnimationStyle">@style/CustomDialogAnimation</item>
</style>

<style name="CustomDialogAnimation">
    <item name="android:windowEnterAnimation">@anim/translate_left_side</item>
    <item name="android:windowExitAnimation">@anim/translate_right_side</item>
</style>

在 res/anim/ 中创建两个文件：

translate_right_side.xml：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0%" android:toXDelta="100%"
    android:fromYDelta="0%" android:toYDelta="0%"
    android:duration="600"/>

translate_left_side。 xml：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600"
    android:fromXDelta="100%"
    android:toXDelta="0%"/>

在您的片段/活动中：

Dialog dialog = new Dialog(getActivity(), R.style.CustomDialog);

Answer 4

首先，您必须在 res/anim 目录

Slide_up.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
    android:duration="@android:integer/config_mediumAnimTime"
    android:fromYDelta="100%"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:toXDelta="0">
</translate>
</set>

Slide_bottom.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate 
    android:duration="@android:integer/config_mediumAnimTime" 
    android:fromYDelta="0%p" 
    android:interpolator="@android:anim/accelerate_interpolator" 
    android:toYDelta="100%p">
</translate>
</set>

中创建两个动画资源，然后您必须创建一个样式

<style name="DialogAnimation">
    <item name="android:windowEnterAnimation">@anim/slide_up</item>
    <item name="android:windowExitAnimation">@anim/slide_bottom</item>
</style>

并将此行添加到您的类

dialog.getWindow().getAttributes().windowAnimations = R.style.DialogAnimation; //style id

中基于 http://www.devexchanges.info/2015/10/showing-dialog-with-animation-in-android .html

Answer 5

我遇到了同样的问题，但是，最后我通过以下方式解决了问题

((ViewGroup)dialog.getWindow().getDecorView())
.getChildAt(0).startAnimation(AnimationUtils.loadAnimation(
context,android.R.anim.slide_in_left));

Answer 6

尝试下面的代码：

public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));// set transparent in window background

        View _v = inflater.inflate(R.layout.some_you_layout, container, false);

        //load animation
        //Animation transition_in_view = AnimationUtils.loadAnimation(getContext(), android.R.anim.fade_in);// system animation appearance
        Animation transition_in_view = AnimationUtils.loadAnimation(getContext(), R.anim.customer_anim);//customer animation appearance

        _v.setAnimation( transition_in_view );
        _v.startAnimation( transition_in_view );
        //really beautiful
        return _v;

    }

创建自定义动画：res/anim/customer_anim.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="500"
        android:fromYDelta="100%"
        android:toYDelta="-7%"/>
    <translate
        android:duration="300"
        android:startOffset="500"
        android:toYDelta="7%" />
    <translate
        android:duration="200"
        android:startOffset="800"
        android:toYDelta="0%" />

</set>

Answer 7

参考 https://stackoverflow.com/a/5591827/15614129

对话框打开和打开的动画close 将起作用，但如果您使用

dialog.setCanceledOnTouchOutside(true);

[那么您将面临一些问题]

问题 - 如果用户在对话框外部单击，则对话框将在没有动画的情况下关闭

BugFix：我已将 fadeIn/fadeOut 动画更改为 leftToRight/rightToLeft（也在 AlertDialog 中） ）
左到右.anim

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:duration="300"
        android:fromXDelta="-100%"
        android:fromYDelta="0%"
        android:toXDelta="0%"
        android:toYDelta="0%" />
</set>

右到左.anim

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:duration="300"
        android:fromXDelta="0%"
        android:fromYDelta="0%"
        android:toXDelta="100%"
        android:toYDelta="0%" />
</set>

Answer 8

在 kotlin 中：

对于从右到左（进入动画）和从左到右（退出动画）：

styles.xml：

<style name="CustomDialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowAnimationStyle">@style/CustomDialogAnimation</item>
</style>

<style name="CustomDialogAnimation">
    <item name="android:windowEnterAnimation">@anim/translate_left_side</item>
    <item name="android:windowExitAnimation">@anim/translate_right_side</item>
</style>

在 res/anim/ 中创建两个文件：

translate_right_side.xml：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0%" android:toXDelta="100%"
    android:fromYDelta="0%" android:toYDelta="0%"
    android:duration="600"/>
translate_left_side.xml:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600"
    android:fromXDelta="100%"
    android:toXDelta="0%"/>

在 Fragment/Activity 中：

override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
    return activity?.let {
           val builder = AlertDialog.Builder(it, R.style.CustomDialog)

    builder.setView(binding.root)
    builder.show()
  } ?: throw IllegalStateException("Activity cannot be null")
}