How To Make An Animation Loading Screen In Android Studio

Prerequisites: How to Create a Splash Screen in Android using Kotlin?

Android Splash Screen is the showtime screen visible to the user when the application'southward launched. Splash Screen is the user's commencement experience with the application that's why it is considered to be one of the most vital screens in the application. It is used to display some information about the company logo, company name, etc. Nosotros tin likewise add some animations to the Splash screen as well. In this article, we volition be making an animated Splash Screen Using Kotlin.A sample GIF is given beneath to go an idea about what we are going to do in this commodity.

Steps to Create an Animated Splash Screen

Footstep 1: Create a New Project

To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Kotlin as the programming language.

Footstep 2: Create an animation file

To create an animation file in android studio please follow the given instructions carefully. Go to the app > res > right-click > New > Android Resource Directory.

Then name the directory name as anim. And then click on OK.

Get to the anim > right-click > New > Blitheness Resource File

And name the file name as side_slide and click on OK.

Now add together this code to the blithe XML file. Below is the code for the side_slide.xml file.

XML

<? xml version = "ane.0" encoding = "utf-8" ?>

< set

< translate

android:duration = "1500"

android:fromXDelta = "-50%"

android:fromYDelta = "0%" />

< alpha

android:duration = "1500"

android:fromAlpha = "0.1"

android:toAlpha = "1.0" />

</ set >

Step 3: Create another activeness

Become to app > coffee > first package name > right-click > New > Activity > Empty Activity and create some other activity and named it as SplashScreen. Edit the activity_splash_screen.xml file and add image, text in the splash screen as per the requirement. Hither nosotros are adding an image to the splash screen. Below is the lawmaking for the activity_splash_screen.xml file.

XML

<? xml version = "i.0" encoding = "utf-8" ?>

< androidx.constraintlayout.widget.ConstraintLayout

android:layout_width = "match_parent"

android:layout_height = "match_parent"

android:background = "#fff"

tools:context = ".SplashScreen" >

< ImageView

android:id = "@+id/SplashScreenImage"

android:layout_width = "300dp"

android:layout_height = "200dp"

android:src = "@drawable/geeksforgeeks"

app:layout_constraintBottom_toBottomOf = "parent"

app:layout_constraintLeft_toLeftOf = "parent"

app:layout_constraintRight_toRightOf = "parent"

app:layout_constraintTop_toTopOf = "parent" />

</ androidx.constraintlayout.widget.ConstraintLayout >

Go to the SplashScreen.kt file, and refer to the post-obit code. Below is the code for the SplashScreen.kt file. Comments are added inside the code to understand the lawmaking in more than item.

Kotlin

import android.content.Intent

import android.os.Parcel

import android.os.Handler

import android.view.WindowManager

import android.view.blitheness.AnimationUtils

import android.widget.ImageView

import androidx.appcompat.app.AppCompatActivity

@Suppress ( "DEPRECATION" )

class SplashScreen : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super .onCreate(savedInstanceState)

setContentView(R.layout.activity_splash_screen)

window.setFlags(

WindowManager.LayoutParams.FLAG_FULLSCREEN,

WindowManager.LayoutParams.FLAG_FULLSCREEN

)

val backgroundImage: ImageView = findViewById(R.id.SplashScreenImage)

val slideAnimation = AnimationUtils.loadAnimation( this , R.anim.side_slide)

backgroundImage.startAnimation(slideAnimation)

Handler().postDelayed({

val intent = Intent( this , MainActivity:: class .java)

startActivity(intent)

terminate()

}, 3000 )

}

}

Footstep 4: Working with the AndroidManifest.xml file

Go to the AndroidManifest.xml file and add the following code in the Splash Screen Activity. This is used to hibernate the condition bar or action bar.

android:theme="@style/Theme.AppCompat.Light.NoActionBar"

Also, add <intent-filter> inside the Splash Screen Activity to brand this activity as the starting activity. So whenever the app volition execute the user tin encounter the splash screen at the beginning. Beneath is the complete lawmaking for the AndroidManifest.xml file.

XML

<? xml version = "ane.0" encoding = "utf-8" ?>

package = "com.example.animatedsplashscreen" >

< 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 = ".SplashScreen"

android:theme = "@style/Theme.AppCompat.Light.NoActionBar" >

< intent-filter >

< activeness android:proper noun = "android.intent.action.Main" />

< category android:proper noun = "android.intent.category.LAUNCHER" />

</ intent-filter >

</ action >

</ awarding >

</ manifest >

Step v: Working with the activity_main.xml file

Get to the activity_main.xml file and add a text which will show "Welcome to GeeksforGeeks" when the user will enter into the MainActivity. Below is the code for the activity_main.xml file.

XML

<? xml version = "i.0" encoding = "utf-eight" ?>

< androidx.constraintlayout.widget.ConstraintLayout

android:layout_width = "match_parent"

android:layout_height = "match_parent"

android:groundwork = "#000"

tools:context = ".MainActivity" >

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Welcome To GeeksforGeeks"

android:textColor = "@color/colorAccent"

android:textSize = "20dp"

app:layout_constraintBottom_toBottomOf = "parent"

app:layout_constraintLeft_toLeftOf = "parent"

app:layout_constraintRight_toRightOf = "parent"

app:layout_constraintTop_toTopOf = "parent" />

</ androidx.constraintlayout.widget.ConstraintLayout >

Step half-dozen: Working with the MainActivity.kt file

Do nothing in the MainActivity.kt file as we already created a new action for the Splash Screen. Below is the code for the MainActivity.kt file

Kotlin

import androidx.appcompat.app.AppCompatActivity

import android.bone.Package

import android.widget.Toast

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Package?) {

super .onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

}

}

Output

Notice this project on Github: https://github.com/Gauravverma245/AnimatedSplashScreen

Source: https://www.geeksforgeeks.org/how-to-create-an-animated-splash-screen-in-android/

Posted by: berryofficust.blogspot.com

Share this post