How to make a Tinder like splash screen animation in Android

Hi,
In this simple short tutorial I will show you how to animate an ImageView in Android like in Tinder splash screen. The animation consists of scaling up the image for a short time and then scaling down it until it disappears.

To implement this cool animation I used the ObjectAnimator which belongs to the property animation framework. We will use this class to animate two properties of the ImageView: The scaleX and scaleY values.

First, crate a layout file for the splash screen activity named splash_screen_activity.xml which contains one ImageView placed in center of the main layout. I used a LinearLayout with “gravity” equals to “center”. Since there is only one view, then it will be placed in the center.

The ObjectAnimator like many other stuff in Android can be used directly in Java code or separately using XML. In this tutorial we will see how to implement it using XML. To do this, create an xml file inside the animator resource folder. The property animation framework uses <set> to animate things, a set is a container that holds other animation elements (ObjectAnimator for instance) or other <set> elements. Animations inside a <set> element can be played sequentially or at the same time.

You find the implementation here: