Splash screen android studio kotlin

How to create Splash Screen in android kotlin?

Feb 10 · 2 min read

Splash Screen:- It comes first when the user opens or starts the app. It relates to the entire app. You can use your design what do you want.

Implementation of Splash Screen

# Follow these steps to set up Splash Screen.

1. Create a new empty activity first.
2. After creating the new activity, design your desired view in this activity’s XML file. Like below

3. Create a variable for storing the splash screen time, like TIME_OUT.

4. Create a function for the load splash scre e n. Like loadSplashScreen(). Call Handler().postDelayed() to handle the activity. Then add your next activity to open after the splash screen. postDepayed() function will take two parameters,1st parameter for the next activity, 2nd the parameter for the splash screen’s time.

5. Now call your loadSplashScreen function in the onCreate() function to display it.

6. After completing your desire design for the splash screen, Open AndroidManifest.xml. You can see your splash screen’s activity in the AndroidManifest.xml file.

You can see the name of the splash screen in the application section above.

7. Add an intent-filter section in your splash screen’s activity, Like above

8. intent-filter will launch this activity first when a user opens or start the app.

Источник

Kotlin Splash Screen Android Tutorial Example | Splash Activity

Warmest welcome to Kotlin Splash Screen Android Tutorial.

We will create very basic and simple splash screen in android using kotlin in today’s example.

Main purpose of Android Splash Screen is to show logo and name of the application to user.

A splash screen may display start up progress to the user or to indicate branding.

Checkout the below output video first.

Step 1. Making new Kotlin Project

In android studio, create a new project. Here, at the bottom there will be two options like include c++ support and include kotlin support. You need to select include kotlin support

And select empty activity as the default activity.

Step 2. Main XML Code

Inside your activity_main.xml file, add the below source code lines

This XML code is creating our splash screen.

Generally, developers use some cool designed images to show case their splash screen but right now, I am just making colored screen with some text.

You can just add well designed image to make attractive splash screen.

Splash Image Size

It is general that everyone uses cool images for splash screen but you need to take care about it’s size also. Main reason for this is different screen sizes of different android devices like mobiles and tablets.

There may be a small variations among various image sizes and screen sizes.

I am going to give you a dimensions which can be used generally in most of the cases.

• LDPI:
  • Portrait: 200x320px
  • Landscape: 320x200px
• MDPI:
  • Portrait: 320x480px
  • Landscape: 480x320px
• HDPI:
  • Portrait: 480x800px
  • Landscape: 800x480px
• XHDPI:
  • Portrait: 720px1280px
  • Landscape: 1280x720px
• XXHDPI:
  • Portrait: 960px1600px
  • Landscape: 1600x960px
• XXXHDPI:
  • Portrait: 1280px1920px
  • Landscape: 1920x1280px

Above are the general specifications. If you follow this guideline, your splash image will be responsive across various screen sizes.

Step 3. Kotlin Code

In your MainActivity.kt class, write down the following source lines

Let us understand the above lines.

First of all, see the following line

This line is defining one variable. It has 2000 as a value. We will use this variable in the Handler class, which will stop the compiler for 2000 units. ( 2000 units is equal to time of 2 seconds )

Now consider the following lines

First of all, compiler will set the activity_main.xml as the content view.

Then it will execute the Handler and it’s postDelayed() method. Here, it is using that variable which has the 2000 as a value.

Meaning is that, compiler will wait for 2 seconds and then it will open the WelcomeActivity.

Now let us create the WelcomeActivity. For this, create a new empty activity and give it a name like WelcomeActivity.

After this, there will be two file. WelcomeActivity.kt and activity_welcome.xml

We do not need to do any change in WelcomeActivity.kt so it’s code will look like a below

I have added just one change in activity_welcome.xml so it has the following code snippet

One text view is there in welcome XML file.

So, this tutorial has come to an end. Thanks for reading and happy learning !

Источник

How to add Splash Screen to your Android app using Kotlin

What is Splash Screen

The splash screen is a screen that appears before the main app, the purpose of this screen is to give time to the app to load without making the user stuck in a black screen waiting without any response.

Do I need to have a Splash Screen on my app?

If your app is simple and it’s not that big that needs time to load then, no; you don’t need to have a Splash Screen. But my opinion is that when an app has a Splash Screen, even it doesn’t need it, it looks more professional than an app that hasn’t.

Create SplashScreen.kt class

First, create a Kotlin class with the name ‘SplashScreen’

Create Splash Screen’s layout

Now let’s create our layout by going to the res folder and right-click on the layout folder and go New>Layout resource file. Give it the name splash_screen, save it, and paste the following code inside:

In our example, we have a background layout with a color and an ImageView on the center of the screen with a size 150dp x 150dp.

Set Splash screen as the first screen of our app

Now we need to make our Splash screen be the first screen when our app starts. To do that, we need to go to the AndroidManifest.xml file of our project and change the MainActivity to SplashScreen like that:

As you can see, after we replaced MainActivity with SplashScreen (lines 13-23), we added our MainAcivity as a normal activity (lines 25-28)

You also may have noticed, the Splash screen’s activity uses a theme called Theme.Transparent that we don’t have yet. Let’s go and add it!

Add Splash screen’s theme

Go to your styles.xml file and paste the following code inside your . tag:

This will make our splash screen to be in full screen without the status bar.

Final step!

At the final step, we have to add the timer for our Splash Screen. After the timer goes off, it will open the MainActivity. Let’s go and add the following code to our SplashScreen.kt file:

In our example, the Splash screen will finish after 2000 milliseconds (2 sec). This is a good amount of time for a Splash screen. During this time you can initialize deep linking, app shortcuts e.t.c

Note: If your app uses backend, do not initialize the backend here. If the app is running in the background for a long time and the user opens it again, it may crash. It’s safer to add it in the Application() (or MultiDexApplication()) file.

And that’s it! Done!

If you have any questions, please feel free to leave a comment below

Источник

How to create Splash screen android studio in kotlin

Splash screen Android is shown when an Android application takes up some time to start up, especially when the app is first launched on a device. A splash screen may display start-up progress or indicate branding or some animation screen to users. It’s a good way to attract and impress your user to show progress, brand overview, or how to use app instruction animations.

UX (User experience) is a must for your application and create a Splash screen is doing the same. Let’s see when you launched an android app and you want to download some stuff (gaming resources) that time you have to show some nice and cool splash screen to the user.

Second scenario if your app is an e-commerce app that time when the app is launch, you have to show some product to the user. So now you have to call network and load stuff but don’t do when a user on the main screen, it’s not a good idea because the user has to wait again. A better way is you have to call network and load data in the background during the splash screen.

Android Splash screen Uses

Here is some examples use case of Splash screen :

• Register device to the server
• Sending device information
• Register push notification (FCM)
• Downloading data and store in the Android database (SQLite database)
• Downloading images

Official android google doc has mentioned Splash screen as Launch Screen.

From google material design documentation.

The launch screen is a user’s first experience of your application.

Because launching your app while displaying a blank canvas increases its perceived loading time, consider using a placeholder UI or a branded launch screen.

Let’s Build a Splash screen android example in kotlin

In this example, we are loading a webpage in WebView after loading 80% webpage our main screen shows up. This is one approach to dealing with loading webpage and give good user experience to users. You can try more approaches to achieve this.

Step 1. Create an android project in the android studio (Follow this tutorial: Android First Program in Android Studio kotlin )

Step 2. Add fowling code in main activity resource file.

is for show progress. will show in the foreground (front) Until web page is loaded.

Before doing it. add an image in res/mipmap/ic_eyehunt_tutorial_logo.png , download link eyehunt_tutorial_logo Or you can add another image.

And add bg_white color in res/values/colors.xml in tag

set android:visibility=»visible» , do pragmatically gone on webpage loaded 80%. and set android:visibility=»Visible»

Step 3. Add following code in MainActivity.kotlin

in this code onProgressChanged giving progress of web page loaded like 1 2 5 …80 ..100 %.

if newProgress > 80 do Visible WebView and Invisible ImageView.

Step 4. Add internet permissions

Your application must have access to the Internet for this example. To get Internet access, request the INTERNET permission in your manifest file. For example:

Step 5. Now Run the application, in an emulator or On your Android device

Output screenshot Splash screen android in Android app :

Video Output:

Download Link and Splash screen android in Android in Github :

Note : This example (Project) is developed in Android Studio 3.0.1 ,tested on Android 7.1.1 ( Android Nougat), compile SDK version API 26: Android 8.0 (Oreo)

In this Splash screen android example, we used WebView widget, for better understand go to this tutorial Android WebView app Example in Kotlin.

Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.

Источник

Splash Screen Tutorial using Android Studio

Splash Screen is the first thing you see when you open an application. It makes your application feel pretty professional if you do it right. But it does not really contribute to what the application does. But, sometimes you might want to do some API calls before your application is ready to use. This is what the Splash Screen is mostly used for both decorative and functional purposes. In either case let us see how to create a splash screen using Android Studio. I will show you both Kotlin and Java code to create a simple splash screen.

Setting the activity as launcher screen

Before we dive into any code we need to set one Activity for our splash screen as LAUNCHER . Let us see how we can do that.

Open AndroidManifest file which is an XML . And You will see something like this in the file.

Include the following block to the activity you want to make the splash screen. Which in my case is the SplashActivity.

Let us move onto the code to see how we can launch our PostSplashActivity after X seconds.

Extracting the startActivity() code

I have created a method launchPostSplashActivity() to launch the PostSplashActivity . It doesn’t really contain anything more than this

And if you are using Java.

And obviously enough this method is inside the SplashActivity .

Using the Timer with TimerTask

This might be the most easiest and quick solution to our problem let us see how.

Let us create a method first named withTimerTask() . Which will look something like this in Kotlin.

If you are not familiar with Kotlin. Look at the same code in Java below.

You will invoke this method in your onCreate() method by passing a delay time in milliseconds. Like this withTimerTask(3_000L) , yes you can separate numbers in Java and Kotlin with a _ and L is just for indicating Long literal.

Using Handler with Runnable

IF you don’t like the use of Timer to solve this problem we have another way to do this. And that is using Handler with Runnable .

See the code below to better understand how it works.

And if you want Java version of the code

Just like above invoke this method by passing the delay in milliseconds as withHandlerRunnable(3_000L) .

Using coroutine

We can use coroutine to accomplish this in Kotlin .

First you have to add the dependency for coroutine.

Then we have created this method withCoroutine() as below.

You will see that we have used mScope variable which is declared in the SplashActivity .

And this is initialized just before we invoke the method in onCreate() as

And the only downside of using coroutine is that it’s not supported with Java . So for Java you only have 2 ways.

You can also use Thread but for a simple task using Thread is an overkill. You might want to do that for asynchronous processing.

That was a simple explanation of creating Splash Screen using Android Studio.

Источник