Implement a login background like Instagram (transition background effects)

Hello friends, are you tired of making boring login pages then try Transitions. If you want to make your background like Instagram with transition effects, then this post is definitely for you. We will be creating out own style, which we will as background resource for any element, let say, in this case, the layout background.

If you want to create an API, do read out this post, Simple api using php with json response.

Define your  favorite colors on colors.xml

Now create different files in your drawable folder with your gradient (gradient_1.xml gradient_2.xml and many more)

Like this make two or more gradient.xml file to animate the colors one after another.

Now to animate the colors create animation.xml in the drawable folder

Now like this add two or more gradient files in the item tag and assign its duration to it for how many seconds to animate the background one after another.

Now this is how your activity will have this type of background like Instagram.

background like Instagram
Transition Gradients

That’s all for the post. Have some doubts, then don’t hesitate to drop them in comments, bellow.

 

Hey there, I’m Sobhini, a Graduate Engineer. I post here very often, fields of interest lies in android programming, web development and UI/UX designing. Follow me to get the latest updates 😉

Sobhini Reddy

Hey there, I'm Sobhini, a Graduate Engineer. I post here very often, fields of interest lies in android programming, web development and UI/UX designing. Follow me to get the latest updates ;)

Leave a Reply

Your email address will not be published. Required fields are marked *