translate animation

Question

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?

Answer 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().