Анимировать пользовательский диалог - PullRequest
Новая
       11

Анимировать пользовательский диалог

89 голосов
/ 27 января 2011

Я пытаюсь, чтобы пользовательское диалоговое окно выглядело так, как будто оно скользит вниз от текстового представления.Это возможно?Я не могу применить анимацию к диалоговому классу.Я пробовал эту строку в конструкторе, но это не имеет никакого эффекта:

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

Я даже не уверен, еслианимация правильная, но я смогу настроить ее, как только увижу, что она делает.Я перечислю это ниже для полноты картины.Я не ищу помощи по реальной анимации, просто приложение к диалогу.

paranimation.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>

Ответы [ 6 ]

201 голосов
/ 08 апреля 2011

Сегодня я боролся с диалоговой анимацией, наконец-то она заработала, используя стили, так что вот пример.

Начнем с того, что самое важное - у меня, наверное, сегодня было 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;
47 голосов
/ 28 августа 2012

Я создал анимацию постепенного появления и исчезновения для диалогового окна, используя код ChrisJD.

  1. Внутри res / style.xml 

    <style name="AppTheme" parent="android:Theme.Light" />
<style name="PauseDialog" parent="@android:style/Theme.Dialog">
    <item name="android:windowAnimationStyle">@style/PauseDialogAnimation</item>
</style>

<style name="PauseDialogAnimation">
    <item name="android:windowEnterAnimation">@anim/fadein</item>
    <item name="android:windowExitAnimation">@anim/fadeout</item>
</style>

  2. Inside anim / fadein.xml 

    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500" />

  3. Inside anim / fadeut.xml 

    <alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/anticipate_interpolator"
    android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="500" />

  4. MainActivity 

    Dialog imageDiaglog= new Dialog(MainActivity.this,R.style.PauseDialog);
16 голосов
/ 05 августа 2015

Для справа налево (анимация входа) и слева направо (анимация выхода):

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);
12 голосов
/ 24 июня 2015

Я сталкиваюсь с той же проблемой, но, наконец, я решаю проблему следующим образом 

((ViewGroup)dialog.getWindow().getDecorView())
.getChildAt(0).startAnimation(AnimationUtils.loadAnimation(
context,android.R.anim.slide_in_left));
3 голосов
/ 20 декабря 2018

Сначала вы должны создать два ресурса анимации в 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>

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>

тогда вы должны создать стиль 

<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

0 голосов
/ 09 марта 2019

Попробуйте следующий код: 

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>
...