How to add card flip animation in the android app
Recently we at HealthifyMe revamped our app dashboard to make it more user engaging. And we tried some really cool animation. One of them is card flip animation. When the user tracks water, sleep, or anything else, we show a gratification screen saying “yay you achieved your goal”, would you like to share that with your friends. So on the dashboard, once user achieved their goal we are flipping progress card to gratification card.
In this article, we will see how to implement that, and what we should not do.
Step 1: Create front and back card designs.
#. Card_gratification.xml
— Back design
Here instead of providing any fixed width and height to parent view, I am providing match_parent. SO it can support multiple device sizes. To understand it you can check out my prev article about “Choosing the best layout while designing your app”.