Login Screen on Dialog Box, with Circular Reveal Animation

A simple tutorial on how to add login a Dialog Box, with a Login Form. I have used circular reveal animation for the transition between layout.

Login Activity in Android Studio, as default Activity is used and customisation is done to reach our need.

Demo:

Sample Walkthrough

For the GitHub Repository:

TowardInfinity/Dialog-Box-Login-with-Circular-Animation

We are using ViewAnimationUtils.createCircularReveal function for animation and it came on API level 21, so this works for API level 21+.

Create Dialog Box:

create a layout loginActivity.xml which i am using here as an example. Customise the xml as per your needs, with at least a button which on pressed closes the dialog box.

Login Page

Create an Animation Function which called shows animation.

Create any Pallete, which will be the reference, where the animation ends. as you can see that in the demo above. I have used FloatingActionButton. From that, we will use width and height.

Main Activity, after logged in

Feel free to copy and edit as per your needs.

Clapping shows how much you appreciated my story.

Show your support