How to Add Splash Screen in Any Android App | Webview App Development Series Part 5

Hi, In the last post I have shown how to add ProgressBar in Webview App. Today I am going to show you how to add Splash Screen in any Android app. For Better Understanding, I am recommending you to watch the below video.

First of all, you need to create a New Empty Activity from the left side, click the app and press right button of your mouse then select "New"-->" Activity"-->"Empty Activity"

Then write your Activity name, I am giving SplashActivity as the activity name.then click on finish. 

After finish sync your webview project it will automatically open activity_splash.xml and SplashActivity.java.

Now first we will design our Splash Screen layout in the activity_splash.xml file. We will show our company logo or company banner on the splash screen. So, first, we will copy that image then we will paste in our project in the drawable folder. For that first expand "res" folder from the left side then click on the drawable folder right-click on your mouse, then click on Paste. 

It will show you two folder and ask you to choose where you want to paste, you should choose drawable, not to choose drawable-v24.

After that it shows you the name of your image, remember that your image name should not have space and also should not have the uppercase letter, image name should be all lowercase letter and don't have space. Example "twitterbanner.png"

In the activity_splash.xml file first we will write RelativeLayout instead of ConstraintLayout ,thrn we'll take an ImageView, in this imageview we will show our Banner or logo or any image. we will give "height = match_parent","width = match_parent","margin =15dp",id(i am giving id "splash").

Code:

<ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/twitterbanner" android:layout_centerInParent="true" android:layout_marginTop="15dp" android:layout_marginBottom="15dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:id="@+id/splash"/>

So the whole code will be in activity_splash.xml is:

Code:

<?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=".SplashActivity"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/twitterbanner" android:layout_centerInParent="true" android:layout_marginTop="15dp" android:layout_marginBottom="15dp" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:id="@+id/splash"/> </RelativeLayout>

After that, we will move to the SplashActivity.java file. First, we will store our splash time in a variable called Splash_time, we will take a global variable for efficiency in coding. and I will show my splash screen for 2000 milliseconds. However, you can increase or decrease this showing time as long as you want.

Code:

public static int Splash_time = 2000;

After that, I will call Handler().postDelayed function in oncreate method.

Code:

new Handler().postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(SplashActivity.this, MainActivity.class); startActivity(intent); } }, Splash_time);

So, the final whole code will be in SplashActivity.java file is:

Code:

package com.ss.tweetpost; import androidx.appcompat.app.AlertDialog; import androidx.appcompat.app.AppCompatActivity; import android.content.DialogInterface; import android.content.Intent; import android.os.Bundle; import android.os.Handler; public class SplashActivity extends AppCompatActivity { public static int Splash_time = 2000; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_splash); new Handler().postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(SplashActivity.this, MainActivity.class); startActivity(intent); } }, Splash_time); } }

We have finished coding in the SplashActivity.java file for Webview App. now we will arrange our activity in the AndroidManifest.xml file. SplashActivity will be first performed before MainActivity. In conclusion, the whole code will be in the AndroidManifest.xml file.

Code:

<uses-permission android:name="android.permission.INTERNET" /> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"></activity> <activity android:name=".SplashActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>

We have finished writing all the code for Creating Splash Screen in Android Webview App. Now I will run my project on Emulator.

As you can see above picture my Splash Screen is working perfectly in Webview App. So we have successfully created our Splash Screen. Thanks.