Android Splash Screen Animation Animated Attractive Landing Screen Example

Android Splash Screen Animation example tutorial is developed here.

Android Splash Screen Animation example guide you to make animated splash/landing screen in android.

You generally put a well designed image in splash screen in android app.

Try some awesome splash animations in this tutorial for your next android app.

Splash Screen is the first impression of android application, so having cool and attractive splash screen will give an extra advantage to the user for your app.

In this tutorial, I will implement two different types of animations.

Animations are customizable and you can change colors, directions etc. features of the animations.

First, check the output of this example, then we will develop it.

Step 1: Create a new project in Android Studio.

Choose Empty Activity as default activity when you create a new project in android studio.

Step 2: Updating build.gradle (Module:app) file

Copy following source code into dependencies{}

We will use this github library to achieve our goal.

This library will simply download the required classes to implement the animation.

Step 3: Updating colors.xml file

Go to res->values->colors.xml file

Update colors.xml as per below source code.

You have to defined colors you want to use in this colors.xml file.

At the time of the execution, we will use these colors by giving the reference like R.color.back

Step 4 : Making assets directory.

Look closely at the below image.

android splash screen animation

directory structure

We need to create a directory named assets.

Green border is drawn in the above image where the assets folder is located. 

Make assets inside the app folder as shown in the image.

Inside assets folder, make a new folder named fonts. Copy two ttf files inside fonts as shown in the image.

These two ttf files are used to change the fonts on the splash screen. Pacifico and Roboto are the two different types of the fonts.

You can use any type of ttf file which you like. Just add the ttf file in fonts folder.

Download ttf files

[sociallocker] Download ttf fonts [/sociallocker]

Step 5: Making First Animation Activity.

Create a new activity named “FirstAnimation.”

Copy below code into FirstAnimation.java

As you can see in the above image, there are plenty of properties to work with.

You can play around with different colors, animation styles, font styles, text colors, text size, title text color and size etc.

For example, you can change font size with the below line

To change the color of the text, use the following line

Change the animation duration by the following line

In the above line 3000 is the value in the mili seconds. You can change this value as per your requirements.

Set the animation technique with below line

Write your app name in following

To set the icon of your app, use the below line

Animation Style of the icon can be set in the following line

Step 6: Making Second Animation Activity.

Make a new activity named SecondAnimationActivity.

Copy following code into SecondAnimationActivity.java

All the methods used in this class are similar to that of FirstAnimation.java class.

I have just changed some of animation techniques and color and font.

Step 7: Updating MainActivity

Update activity_main.xml as per below

Update MainActivity.java as per following

We are just opening two different activities with button click in Main activity. Nothing much more.

Similar Posts

Following are the other tutorials regarding android splash screen

Get unique Android example while searching in Google

Click to get Important Google searching tips

So that is all for Android Splash Screen Animation example.

Feel free to comment your queries and reviews in the comment section.

Share our tutorials in your community to help us grow.

Thank you.

Download Source Code for Android Splash Screen Animation example

[sociallocker] Download SplashAnimatedCode
[/sociallocker]

Hardik Parsania

I am mobile app developer. I am always passionate about solving complex and real world problems.I have developed many apps with great interest and superior logical skills.

You may also like...

22 Responses

  1. rahul says:

    How Can We Achieve plz Share

  2. Shiva says:

    i Want first the image, then text and last color ripple animation. I want to customize the image and text position.

    Please help me.

    • Hardik Parsania says:

      For that, you will need to customize the library that we are using in this example. This is the only way.

    • Yogesh Kumar Shamra says:

      You can change the order of animated things on initSplash method.
      Use your mind, you will definitely be able to do that. Best of luck

  3. AbdulRehman says:

    where is the source code ?

    • Hardik Parsania says:

      It is locked by default. Like our facebook page to unlock source code link to download source code.

  4. gokul says:

    its shows build error….version not supported

  5. Mahipal says:

    How can we add one more line under title with same animation..

  6. daniel says:

    How can I insert a gif Image ??

  7. Vinay says:

    Where is your source code , can you please share with us ?

  8. Numan says:

    There is No Source Code anywhere on the Page or at the end of Tutorial.

    Can you mention the place of Source Code so that we can Like Facebook Page and Get the Source?

    • Hardik Parsania says:

      Hi
      I have double check both on windows and mac. Download code link is at the end of tutorial, just above the author bio.
      Try by refreshing one or two times. Sometimes refreshing does solve the problem.

  9. Sugumar. says:

    how can i add gif image instead of logo sir please help me

  10. Josh says:

    Cannot find the tutorial

    • Hardik Parsania says:

      Then how did you comment here??
      Anyways if you are looking for source code and it is available at the end of the article.

Leave a Reply

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