Android TranslateAnimation réinitialise après l'animation

Je suis la création de quelque chose comme un SlideDrawer mais avec plus de personnalisation, fondamentalement, la chose est travail, mais l'animation est de scintillement à la fin.

Pour expliquer plus en détail, j'ai reçu un TranslateAnimation puis après cette animation, il retourne à la position initiale, si j'ai mis setFillAfter ensuite les boutons à l'intérieur de la mise en page des arrêts de travail. Si j'écoute de la onAnimationEnd et de définir d'autres de la mise en page à Afficher.DISPARU de la mise en page fickers. À en juger par c'est que sur la fin de l'animation, l'affichage revient à la position initiale avant de l'Afficher.GONE est appelé.

Tout conseil serait génial. Grâce

InformationsquelleAutor monmonja | 2010-04-16

android animation

45

Ici est le bug lié à ce problème

Cela dit en substance que l' onAnimationEnd(...) méthode ne fonctionne pas vraiment bien quand un AnimationListener est attaché à une Animation

La solution de contournement est de l'écouter pour l'animation d'événements dans la vue dans laquelle vous avez été l'application de l'animation, Par exemple, si, au départ, vous étiez fixation de l'animation de l'auditeur à l'animation comme ce
```
mAnimation.setAnimationListener(new AnimationListener() {
    @Override
    public void onAnimationEnd(Animation arg0) {
                       //Functionality here
    }
```
et en appliquant à l'animation d'un ImageView comme ce
```
mImageView.startAnimation(mAnimation);
```
Pour contourner ce problème, vous devez maintenant créer un personnalisé ImageView
```
public Class myImageView extends ImageView {
```
puis remplacer le onAnimationEnd méthode de la classe de la Vue et de fournir toutes les fonctionnalités, il y
```
@Override
protected void onAnimationEnd() {
    super.onAnimationEnd();
    //Functionality here
}
```
C'est la bonne solution de contournement pour ce problème, de fournir la fonctionnalité de la plus-riden Vue -> onAnimationEnd(...) méthode par opposition à la onAnimationEnd(...) méthode de la AnimationListener attaché à l'Animation.

Cela fonctionne correctement et il n'y a plus aucun scintillement vers la fin de l'animation. Espérons que cela aide
- Il semble que cela ne résout pas le problème sur Jelly Bean périphériques (bien qu'il fonctionne parfaitement sur les versions antérieures à JB!)
InformationsquelleAutor Soham
24

De l'API 11, vous pouvez utiliser le ObjectAnimator, ce qui modifie les propriétés de la vue, c'est à dire dans le cas d'une traduction, la vue reste à la position qu'il atteint après l'animation.
```
ObjectAnimator objectAnimator= ObjectAnimator.ofFloat(mContent_container, "translationX", startX, endX);
objectAnimator.setDuration(1000);
objectAnimator.start();
```
Plus ici.
- Pour info, vous pouvez utiliser la même api avec les anciennes versions d'android en utilisant 9oldAndroids lib. nineoldandroids.com
- Cela pourrait être cool, je vais faire un essai
InformationsquelleAutor jul

Soham la réponse ci-dessus fonctionne pour moi, mais il est intéressant de souligner (puisqu'il n'était pas immédiatement évident pour moi lors de la première lecture de ce fil) que vous pouvez toujours obtenir à peu près le même comportement que d'une animation à l'auditeur par un paramètre séparé de l'écouteur sur la vue pour être exécuté à la fin de votre point de Vue est onAnimationStart() et onAnimationEnd().

Par exemple, si votre code doit désactiver un bouton pour la durée d'une animation:

Animation a = getAnimation(/* your code */);
a.setDuration(1000);
a.setAnimationListener(new AnimationListener() {
   @Override
   public void onAnimationStart(Animation arg0) {
     myButton.setEnabled(false);
   }

   @Override
   public void onAnimationEnd(Animation arg0) {
     myButton.setEnabled(true);
   }
});
someView.startAnimation(a);

Actuellement, someView ne sais pas à propos de myButton, et je tiens à garder de cette façon. Il vous suffit de créer certains d'écoute sur votre affichage personnalisé de la classe qui est appelée de la même manière:

public final class SomeView extends View {
    //other code

    public interface RealAnimationListener {
      public void onAnimationStart();
      public void onAnimationEnd();
    }

    private RealAnimationListener mRealAnimationListener;

    public void setRealAnimationListener(final RealAnimationListener listener) {
      mRealAnimationListener = listener;
    }

    @Override
    protected void onAnimationStart() {
      super.onAnimationStart();
      if (mRealAnimationListener != null) {
         mRealAnimationListener.onAnimationStart();
      }
    }

    @Override
    protected void onAnimationEnd() {
      super.onAnimationEnd();
      if (mRealAnimationListener != null) {
         mRealAnimationListener.onAnimationEnd();
      }
    }
}

Puis de nouveau dans votre code (probablement une Activité):

Animation a = getAnimation(/* your code */);
a.setDuration(1000);
someView.setRealAnimationListener(new RealAnimationListener() {
   @Override
   public void onAnimationStart() {
     myButton.setEnabled(false);
   }

   @Override
   public void onAnimationEnd() {
     myButton.setEnabled(true);
   }
});
someView.startAnimation(a);

De cette façon, vous gardez vos composants séparés proprement, tout en obtenant un AnimationListener qui fonctionne.

InformationsquelleAutor jordanti

À l'aide de Soham réponse, voici un ImageView spécifiques pour les animations de fondu:

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;

/*
 * Custom view to prevent flickering on animation end
 * 
 * http://stackoverflow.com/questions/2650351/android-translateanimation-resets-after-animation
 */
public class FadeableImageView extends ImageView {

public FadeableImageView(Context context) {
    super(context);
}

public FadeableImageView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public FadeableImageView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

@Override
protected void onAnimationEnd() {
    super.onAnimationEnd();
    this.setVisibility(View.GONE);
}
}

Et voici mon code d'animation:

protected void startSplash() {
    final FadeableImageView splash = (FadeableImageView) findViewById(R.id.splash);

    Animation fadeOut = new AlphaAnimation(1, 0);
    fadeOut.setDuration(2000);
    splash.startAnimation(fadeOut);
}

Donne java.lang.ClassCastException: android.widget de.ImageView ne peut pas être lancé pour com.animer.FadeableImageView.Quelle peut être la raison?

InformationsquelleAutor

1

Se débarrasser de setFillAfter et il suffit d'utiliser View.GONE dans onAnimationEnd(). Voir ici pour un échantillon de Vue personnalisée qui met en œuvre un panneau coulissant à l'aide d'un TranslateAnimation.
- -1 l'échantillon n'est pas une réponse à l'animation de réinitialisation.
- emrah: Et la preuve de votre demande est...quoi, exactement?
- faisant le point de Vue "disparu" n'est pas une option quand nous avons besoin de ce point de vue, pour de semblables événements successifs. par exemple. en cliquant sur le bouton animé de nouveau, à l'aide de l'animation du curseur, etc.
- Assurez-vous qu'il est. "Gone" est un état de visibilité (View.GONE); vous pouvez basculer en arrière pour être visible à tout moment.
- Je ne vais pas argumenter sur ce qu'il y a des dizaines de façons de faire la même chose - je préférer l'approche la plus simple. La question peut être facilement résolu par la manipulation de la onAnimationEnd dans l'imageview animés. Il ne peut pas être fait en accrochant le rappel directement à l'animation elle-même pour les raisons présentées par Soham ci-dessus ou nous allons obtenir le scintillement question. Pas besoin de beaucoup pour changer l'état visible ici.
InformationsquelleAutor CommonsWare

Donc, je cherchais la réponse à cette pour mon Xamarin projet, mais je suppose que cela devrait s'appliquer également à Java. La réalisation que j'ai eu était que le LinearLayout animés TOUJOURS eu la même position (dire, c'est à x=100, y==100) et vos animations devrait être par rapport à cette position.
Le ObjectAnimator était certainement le chemin à parcourir, et voici ma solution:

Tout d'abord, une mise en page simple avec du texte en haut et un LinearLayout en dessous de ce qui est la cible de l'animation....

HTML:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:p1="http://schemas.android.com/apk/res/android"
p1:minWidth="25px"
p1:minHeight="25px"
p1:layout_width="match_parent"
p1:layout_height="match_parent"
p1:id="@+id/frameLayout1">
<TextView
p1:text="Some text at the top"
p1:textAppearance="?android:attr/textAppearanceLarge"
p1:id="@+id/txtSomeTextAtTheTop"
p1:layout_width="wrap_content"
p1:layout_height="wrap_content"
p1:layout_gravity="center_horizontal" />
<LinearLayout
p1:orientation="vertical"
p1:minWidth="25px"
p1:minHeight="25px"
p1:layout_width="wrap_content"
p1:layout_height="wrap_content"
p1:id="@+id/linMySlider"
p1:layout_gravity="center_horizontal|bottom">
<LinearLayout
p1:orientation="horizontal"
p1:minWidth="25px"
p1:minHeight="25px"
p1:layout_width="match_parent"
p1:layout_height="wrap_content"
p1:id="@+id/linAlwaysDisplay"
p1:layout_marginBottom="10px">
<TextView
p1:text="ALWAYS ON DISPLAY"
p1:textAppearance="?android:attr/textAppearanceLarge"
p1:id="@+id/txtAlwaysDisplay"
p1:layout_width="wrap_content"
p1:layout_height="wrap_content"
p1:layout_gravity="center_horizontal" />
</LinearLayout>
<LinearLayout
p1:orientation="horizontal"
p1:minWidth="25px"
p1:minHeight="25px"
p1:layout_width="match_parent"
p1:layout_height="wrap_content"
p1:id="@+id/linToHideLineOne">
<TextView
p1:text="To Hide Line One"
p1:textAppearance="?android:attr/textAppearanceLarge"
p1:id="@+id/txtHideLineOne"
p1:layout_width="wrap_content"
p1:layout_height="wrap_content"
p1:layout_gravity="center_horizontal" />
</LinearLayout>
<LinearLayout
p1:orientation="horizontal"
p1:minWidth="25px"
p1:minHeight="25px"
p1:layout_width="match_parent"
p1:layout_height="wrap_content"
p1:id="@+id/linHideLineTwo">
<TextView
p1:text="To Hide Line Two"
p1:textAppearance="?android:attr/textAppearanceLarge"
p1:id="@+id/txtHideLineTwo"
p1:layout_width="wrap_content"
p1:layout_height="match_parent" />
</LinearLayout>
</LinearLayout>
</FrameLayout>

Mon activité, puis, regardé comme suit:

HTML:

using System;
using Android.App;
using Android.OS;
using Android.Views;
using Android.Widget;
using Android.Animation;
using Android.Views.Animations;
using Android.Util;
namespace MyNamespace
{
[Activity(Label = "testActivity")]
public class testActivity : Activity
{
public static string TAG = "M:testActivity";
//by default we want the slider to be closed, which is why
//_sliderOpen has been set to true and we animate it into position when
//the window gets first focus
private bool _sliderOpen = true;
private ViewGroup _linMySlider;
private LinearLayout _linAlwaysDisplays;
private int _distanceToTravel;
protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
SetContentView(Resource.Layout.testLayout);
_linMySlider = FindViewById<ViewGroup>(Resource.Id.linMySlider);
_linAlwaysDisplays = FindViewById<LinearLayout>(Resource.Id.linAlwaysDisplay);
TextView alwaysDisplayText = FindViewById<TextView>(Resource.Id.txtAlwaysDisplay);
alwaysDisplayText.Click += AlwaysDisplayText_Click;
}
private void AlwaysDisplayText_Click(object sender, EventArgs e)
{
DoAnimation(500);
}
public override void OnWindowFocusChanged(bool hasFocus)
{
base.OnWindowFocusChanged(hasFocus);
if (hasFocus)
{
if (_sliderOpen)
{
//we store this one time as it remains constant throught our sliding animations
_distanceToTravel = _linMySlider.Height - _linAlwaysDisplays.Height;
DoAnimation(1);
}
}
}
private void DoAnimation(long duration)
{
ObjectAnimator slideMe = null;
try
{
switch (_sliderOpen)
{
case true:
slideMe = ObjectAnimator.OfFloat(_linMySlider, "translationY", 0, _distanceToTravel);
_sliderOpen = false;
break;
case false:
slideMe = ObjectAnimator.OfFloat(_linMySlider, "translationY", _distanceToTravel, 0);
_sliderOpen = true;
break;
}
slideMe.SetInterpolator(new OvershootInterpolator());
slideMe.SetDuration(duration);
slideMe.Start();
}
catch (Exception e)
{
Log.Error(TAG, "DoAnimation: Exception - " + e.Message);
}
}
}
}

Le point le plus important à noter est que les _distanceToTravel (dans ce cas, la traduction sur l'axe des Y) est relative à la propriété Top de la LinearLayout nous animer. Supposons que chacun des LinearLayouts qui détiennent le texte (TOUJOURS SUR l'ÉCRAN, Pour Masquer Une Ligne, Pour Masquer la Ligne Deux), d'une hauteur de 20 (la prise de hauteur totale 60). Le curseur, par exemple, possède une propriété Top de 2100. Parce qu'il est situé en bas, à cacher les deux lignes de moyens nous devons passer le LinearLayout linMySlider par 40 dans le but de cacher les deux lignes, en laissant seulement le premier visible. Si vous pensez que le LinearLayout comme étant TOUJOURS en 2100 il est alors logique que sur la glisser vers le bas nous ajouter 40 à elle (enfin, pas nous, l'Animateur fait ça pour nous), évidente dans le premier OfFloat ligne, où le début la position Y est 0 (c'est à dire 0 par rapport à 2100, donc est égal à 2100) et à sa fin, la position Y est _distanceToTravel (qui est de 40, mais encore par rapport donc égal à égal, en fait, 2140). Dans la direction opposée, nous commençons avec le _distanceToTravel de l'axe (encore 40 ans, mais en fait 2140) et nous terminons à 0 (vous l'aurez deviné 0 loin de 2100 et, par conséquent, 2100).

Espère que tout a un sens: il m'a fallu un peu de temps pour le sou à tomber, mais il fonctionne vraiment bien avec pas de scintillement et aucune réinitialisation de retour à la position initiale (à qui il avait toujours lol). J'espère que la même chose s'applique au code Java comme il le fait dans cet exemple en C#.

InformationsquelleAutor Seb

Vous devez vous connecter pour publier un commentaire.