translate animation

I want an image to move horizontally. i.e image should move from left end bottom corner to right end bottom corner once. No need to come back again to left end bottom corner.

The piece of code which I tried was

<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator">

<translate android:fromXDelta="0%p" android:toXDelta="200%p" 
android:duration = "2000"/>
</set>

this moves the image from left till right. But its again coming to the left side. Can anyone tell me how to solve this?

Solution 1:

You've fallen victim to the great misunderstanding everyone first makes about Android animations: the animated ImageView (or whatever kind of view) isn't actually moving (or scaling or rotating or fading). It's all a trick... an animation is essentially some last-minute instructions to the screen composition engine to offset the view by x/y, rotate by z, etc. The view's underlying position / size / angle / alpha never really changes.

Therefore when the animation ends your image appears to snap back to the starting point, because it never actually left it.

That said, you can achieve what you want in a simple way by adding android:fillAfter="true" to your <translate> tag. Just bear in mind that the image hasn't really moved. If you need to update your layout at animation end, hook up an AnimationListener and do it in onAnimationEnd().

Solution 2:

I got it...instead of using that animation xml file, I wrote inside java file.

Animation animation = new TranslateAnimation(0, 500,0, 0);
animation.setDuration(1000);
animation.setFillAfter(true);
myImage.startAnimation(animation);
myImage.setVisibility(0);

Now the image moves from left to right and then it gets invisible...hence animated!!! :)

Solution 3:

Translate Animation can change the visual appearance of an object, but they cannot change the objects themselves. That is, if you apply a translate animation to a view, it would move to a new position, but its click events would not get fired; the click events would still get fired at its previous position.

This happens because the view is still at its original position. In order to overcome this, we can use ObjectAnimation which actually moves an object. Object Animation is the only animation which actually moves an object.

You can create Translate animation using ObjectAnimator.

ObjectAnimator transAnimation= ObjectAnimator.ofFloat(view, propertyName, fromX, toX);
transAnimation.setDuration(3000);//set duration
transAnimation.start();//start animation

view -this is the view on which animation is to be applied propertyName-The property being animated. FromX,toX-A set of values that the animation will animate between over time.