I have several ImageView
s in a RelativeLayout
. now, when user taps any of the ImageView, I want it to be moved to a specified location with subtle animation.
Eg; I have initially set margins for LayoutParams
associated with an ImageView
as layoutparams1.setMargins(90,70,0,0);
and then have it added to the layout.
and when imageview is tapped, I'd like its new location to be 200,200
, with animation.
So, is it possible? if yes, then how?
Note that I have both RelativeLayout
and all of its child ImageView
s created programmatically.
And I'm new to android development so an elaborative answer is expected.
TranslateAnimation animation = new TranslateAnimation(0, 50, 0, 100);
animation.setDuration(1000);
animation.setFillAfter(false);
animation.setAnimationListener(new MyAnimationListener());
imageView.startAnimation(animation);
UPDATE :
The problem is that the View
is actually still in it's old position. So we have to move it when the animation is finished. To detect when the animation is finished we have to create our own animationListener
(inside our activity
class):
private class MyAnimationListener implements AnimationListener{
@Override
public void onAnimationEnd(Animation animation) {
imageView.clearAnimation();
LayoutParams lp = new LayoutParams(imageView.getWidth(), imageView.getHeight());
lp.setMargins(50, 100, 0, 0);
imageView.setLayoutParams(lp);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationStart(Animation animation) {
}
}
So the onClickEvent
will get fired again at it's new place.
The animation will now move it even more down, so you might want to save the x
and y
in a variable, so that in the onAnimationEnd()
you move it not to a fix location.