siddhu
siddhu

Reputation: 9

Animate image view current position to top - left corner

I have Relative layout, in that layout I have image views which altogether looks like one image. I want animate the 6 image views. 3 are right_top,right_center,right_bottom and another 3 are left-top,left-center,left-bottom. and all these are within its parent layout only...

I want to implement exactly like this image.

Upvotes: 0

Views: 2025

Answers (2)

droida
droida

Reputation: 141

siddhu,sorry for late.

  @Override
public void onClick(View v) {

    TranslateAnimation mAnimation1 = new TranslateAnimation(0, mImageViewX.getX(),
            mImageView1.getY(), mImageViewX.getY());
    mAnimation1.setDuration(500);
    mAnimation1.setFillAfter(true);
    mImageView1.startAnimation(mAnimation1);

    TranslateAnimation mAnimation2 = new TranslateAnimation(0,
            - mImageViewX.getX(), mImageView2.getY(), mImageViewX.getY());
    mAnimation2.setDuration(500);
    mAnimation2.setFillAfter(true);
    mImageView2.startAnimation(mAnimation2);

    TranslateAnimation mAnimation3 = new TranslateAnimation(0, mImageViewX.getX(),
            mImageView3.getX(), -mImageViewX.getY());
    mAnimation3.setDuration(500);
    mAnimation3.setFillAfter(true);
    mImageView3.startAnimation(mAnimation3);

}

The xml is this :

enter image description here enter image description here

you should learn animation first..it's not hard. android.view.animation.TranslateAnimation.TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta) ```

Upvotes: 0

Nivedh
Nivedh

Reputation: 961

Hope THIS may help you.

And if you want to add scaling to tour animation add this scale inside your each animation set

<scale
            android:fromYScale="1.0"
            android:toYScale="0.5"
            android:startOffset="0"
            android:duration="1200"
            android:fromXScale="1.0"
            android:toXScale="0.5"
            android:fillAfter="true" />

Upvotes: 1

Related Questions