[Android/Kotlin] Splash 화면 만들기

 

Splash 화면은 앱 시작하자마 잠시동안 뜨는 화면인데요! 오늘은 정말 간단한 Splash 화면을 만드는 방법에 대해 간단하게 적어보려합니다!

 

 

📌 SplashActivity 만들어주기

Splash 화면으로 사용할 Activity하나를 생성해주세요.

 

📌activity_splash.xml 화면 구성하기

원하는대로 xml 화면을 구성해주세요. 저는 간단하게 기본 android ImageView만 띄웠습니다.

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:background="@color/colorPrimary"
    tools:context=".SplashActivity">
    
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:src="@drawable/ic_launcher_foreground"/>

</androidx.constraintlayout.widget.ConstraintLayout>

 

 

 

📌 SplashActivity.kt Handler 구현해주기

SplashActivity.kt에 Handler를 구현해보도록 하겠습니다. Hadler의 목적은 특정 시간동안 SplashActivity 화면을 보여주도록 하기 위해서 필요합니다

저는 Splash 화면을 3초동안 보여준 뒤 MainActivitiy로 이동하게 구현하였습니다.

Splash 화면은 앱 처음 시작에 딱 1번만 보여지는 화면이므로 꼭 화면전환후 finish() 해주셔야합니다!

  Handler().postDelayed({
            val intent = Intent(this, MainActivity::class.java)
            intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION)
            startActivity(intent)
            finish()
        },DURATION)
        
        
 companion object {
        private const val DURATION : Long = 3000
    }

 

SplashActivity.kt 전체 코드

package com.example.splash

import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.os.Handler

class SplashActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_splash)

        Handler().postDelayed({
            val intent = Intent(this, MainActivity::class.java)
            intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION)
            startActivity(intent)
            finish()
        },DURATION)

    }
    companion object {
        private const val DURATION : Long = 3000
    }

    override fun onBackPressed() {
        super.onBackPressed()
    }
}

 

📌 SpalshActivity 인텐트 필터 설정해주기

맨 처음에 MainActivity가 아닌 SplashActivity가 제일 먼저 실행되어야 하므로 인텐트 필터를 SplashActivity로 지정해줍니다.

MainActivity에 존재하는 인텐트 필터를 SplashActivity로 옮겨줍니다.

 

AndroidManifest.xml

 <activity android:name=".SplashActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
</activity>

 

📌 Splash 화면 NoActionBar로 설정해주기

보통의 Splash화면에서는 ActionBar가 없기 때문에 NoActionBar Theme를 하나 더 만들어주도록 하겠습니다.

splash 화면을 위한 NoActionBar로 이루어진 Splash style을 하나 만들어 줍니다.

Action Bar

 

style.xml

<style name="Splash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
</style>

AndroidManifest.xml

 <activity android:name=".SplashActivity"
            android:theme="@style/Splash">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
</activity>

 

 

이렇게 Splash 화면 구현이 끝이 났습니다! 앱 실행 결과는 아래 사진과 같습니다.

Splash 화면을 이용하여 좀 더 앱의 완성도를 높일 수 있습니다 : ) 원하는 화면으로 Splash 화면을 구성해보면 좋을 것 같습니다!