How to add card flip animation in the android app

Karishma Agrawal
Geek Culture
Published in
4 min readJun 7, 2021

--

HealthifyMe App Dashboard

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”.

--

--

Karishma Agrawal
Geek Culture

Android Developer @Eventbrite | Wanted to be a writer so I write code now | Reader