Create own simple animation

Animations can add subtle visual cues that notify users about what’s going on in your app and improve their mental model of our app’s interface. Animations are especially useful when the screen changes state, such as when content loads or new actions become available. Animations can also add a polished look to our app, which gives our app a higher quality feel.

In this blog, we are animating an image on a product image when clicking on wishlist button.

we will create an animation function that animates an image with a background.

Here is our method that calls the animation function.

Now we implement a subclass of FrameLayout that adjusts the bound of animating views.

SquaredFrameLayout-

the animation looks like-

This animation is taken from the InstaMaterial design animation, there we can find more animations, that applies to our application for awesome looks. We can also use Lottie animation to remove most of code and easily desing an animation on our view.

see my other blog that describes the Lottie animation.

Lottie Library implementation, usage, handling animation events.

References: – https://github.com/frogermcs/InstaMaterial