Splash Screen - How to add a Splash Screen in Android Studio by using Kotlin.

Last updated Dec 15, 2021


In this article, we will see how to create a Splash Screen in Android Studio using Kotlin Language.

What is Splash Screen?
A splash screen is a graphical control element that consists of a window with an image, a logo, or any widget. While a game or any app is being launched, a splash screen may appear. A splash screen is a screen that contains the introduction an app or website.


Implementation:

Create a new Project in android studio.

Go to File > New > New Project > Empty Activity > Next > Enter Name > Select Language Kotlin > Finish

 

Go to activity_splash.xml file and add the following code

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:background="#ECC8C8"
    tools:context=".SplashActivity">

    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/android2"
        android:scaleType="centerCrop">
    </ImageView>

</LinearLayout>

Open SplashActivity.kt file and hide the action bar or status bar line by adding the following code

 window.setFlags(
            WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);
        supportActionBar?.hide()

 

this code will help you to make the splash activity fullscreen.

Add Handler method to the SplashActivity.kt file for persist the screen for particular time (Add below setContentView(R.layout.activity_splash)).

 

Handler().postDelayed({
            startActivity(Intent(this, HomeActivity::class.java))
            finish()
        }, 2500)

 

Create a new empty activity name HomeActivity,kt file

 app > java > package name > right-click > New > Activity /Empty Activity > enter name(HomeActivity.kt) > Finish.

Open activity_home.xml file and add following code.

   

<LinearLayout 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"
    android:gravity="center"
    android:background="#ECC8C8"
    tools:context=".HomeActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My Home"
        android:textStyle="bold"
        android:textSize="29sp"
        android:textColor="@color/white"
        ></TextView>

</LinearLayout>

 

Now run the code in your emulator or device, you will get the following output.

 


Complete Source code of Splash Screen Example:

activity_splash.xml file

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center"
    android:background="#ECC8C8"
    tools:context=".SplashActivity">

    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/android2"
        android:scaleType="centerCrop">
    </ImageView>

</LinearLayout>

 

SplashActivity.kt file

import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.os.Handler
import android.view.Window
import android.view.WindowManager
import com.nishajain.kotinexamples.R

class SplashActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        requestWindowFeature(Window.FEATURE_NO_TITLE)
        window.setFlags(
            WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);
        supportActionBar?.hide()
        setContentView(R.layout.activity_splash)
        Handler().postDelayed({
            startActivity(Intent(this, HomeActivity::class.java))
            finish()
        }, 2500)
    }
}

 

activity_home.xml file

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:gravity="center"
    android:background="#ECC8C8"
    tools:context=".SplashScreen.HomeActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My Home"
        android:textStyle="bold"
        android:textSize="29sp"
        android:textColor="@color/white"
        ></TextView>

</LinearLayout>

 

Conclusion: We have covered how to design and implement splash screen in Android using kotlin language.
 


Article Contributed By :
https://www.rrtutors.com/site_assets/profile/assets/img/avataaars.svg

48 Views

Subscribe For Daily Updates

Flutter Questions
Android Questions