How to Create Animated SplashScreen in Android ?

Hello Guys , 

   In this tutorial , we are making animated splash screen in android. At that time animated and attractive app's more used. In this app we create attractive splash screen layout and then we add some animation for making more reliable and attractive.

Animated Splash Screen App looking like below picture :

let's get started.

Step 1 : Create a new Project.

Step 2 : Add images in Drawable folder.

• Add below images in drawable folder and that images set in splash screen layout.

                       

Step 3 : Create the animation file.

• Go to res folder and create a new Android Resource Directory named "anim". And in the anim resource directory create new animation files. Here We create  animation file. Animation file name is bottom_up.xml.
• bottom_up.xml

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromYDelta="85%p" android:toYDelta="0%p" android:fillAfter="true" android:duration="1000" /> </set>

• android:duration : It is used to specify  duration for animation. 
• android:fromYDelta : It is Starting Y offset. It Expressed in pixels relative to the normal position.
• android:toYDelta : It is Ending Y offset. It Expressed in pixels relative to the normal position.

 

Step 4 : Edit activity_main.xml file

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:background="@color/black"> <TextView android:id="@+id/textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Welcome" android:textSize="35sp" android:textColor="@color/white" android:layout_centerHorizontal="true" android:layout_marginTop="280dp" tools:ignore="RelativeOverlap" /> <ImageView android:id="@+id/image1" android:layout_width="150dp" android:layout_height="180dp" android:src="@drawable/ui_part1" android:layout_marginTop="-18dp" android:contentDescription="@string/app_name"/> <ImageView android:id="@+id/image2" android:layout_width="250dp" android:layout_height="320dp" android:src="@drawable/ui_part3" android:layout_marginTop="-35dp" android:layout_alignParentEnd="true" android:rotation="180" android:contentDescription="@string/app_name"/> <ImageView android:id="@+id/image3" android:layout_width="250dp" android:layout_height="320dp" android:layout_alignParentBottom="true" android:layout_marginBottom="-35dp" android:src="@drawable/ui_part3" android:contentDescription="@string/app_name" android:layout_centerHorizontal="true"/> </RelativeLayout>

Step 5 :  Create Another Empty Activity.

• Here we create another activity for moving from splash screen to home page.

Step 6 : Implement MainActivity.java class file.

• In this class we can load animation class using Animation class.

import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ImageView; public class MainActivity extends AppCompatActivity { Animation bottomAnimation; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bottomAnimation = AnimationUtils.loadAnimation(this , R.anim.bottom_up); ImageView image1 = findViewById(R.id.image1); ImageView image2 = findViewById(R.id.image2); ImageView image3 = findViewById(R.id.image3); image1.setAnimation(bottomAnimation); image2.setAnimation(bottomAnimation); image3.setAnimation(bottomAnimation); new Handler().postDelayed(new Runnable() { @Override public void run() { startActivity(new Intent(MainActivity.this , HomeActivity.class)); } } , 5000); } }

Output :

If you liked this post do comment ,share and promote the post 🙏 . Please stay with us and support.  🙏