I need to create an animation - Flip a view and show another one.
The width of currently shown view is decreased slowly to zero and after that the width of the view-to-be-shown must be increased from zero.
During this time, the height goes from the currently-shown-height to slightly-decreased-height and back again.
How can I achieve this... using a ViewFlipper.
I know this is an old question, but none of the above worked for me. I did it this way.
For reference, the image I was flipping was a playing card. The front of the card was showing, and I want to flip the card and show the back.
long duration = getResources().getInteger(R.integer.flip_animation_length).toLong()
// cardDisplay was previously defined as an ImageView in this example
// Set animation and start the animation
cardDisplay.animate().rotationY(180f).setDuration(duration).start()
// wait until the animation is half over
Handler().postDelayed({
// Change the image at the half-way point
cardDisplay.setImageDrawable(getResources().getDrawabe(R.drawable.card_back))
},duration/2)
So what is this doing? It's flipping the image on the Y axis (horizontally) and changing the image half-way through the flip - when the card is on its side - so that when the other side of the card starts to show, the new image (card back design) starts to appear.
I slowed this down to take 5 seconds (duration = 5000) to make sure that it looks correct all the way through.