Splash screen과 launch screen

Posted May 29, 2025

By Mingyu Kim

7 min read

Splash Screen, Launch Screen

사이드를 안드로이드로만 할까~ 하다가 KMP로 틀었다. 어차피 혼자 진행하는 프로젝트이기도 하고, 매번 똑같은 작업만 반복하기 보다는 요즘 급부상중인 Compose Multi Platform을 제대로 해보고 싶었기 때문이다.

composeApp을 중심으로 ios, android 모두 jetpack compose로 ui를 그리고, 비즈니스로직을 kotlin으로 작성하는 프레임워크다. 물론 네이티브 종속적인 부분들을 따로 swift를 써서 구현해줘야하지만 이제 ios에서도 cmp가 stable 버전으로 올라오게 됐으므로 지금이 트렌드에 올라탈 기회라고 생각했다!

새로운 기술을 배울 때는 역시 clone coding이 최고라고 생각하기 때문에, udmey에서 강의를 하나 구매했다.

kmp프로젝트는 아직 android studio에서 완전히 지원하지않아서, jetbrain에서 제공하는 wizard를 써야된다. spring이 생각나는 구조다.

https://kmp.jetbrains.com/?android=true&ios=true&iosui=compose&includeTests=true

Splash Screen - Android

안드로이드는 app launch 때 나오는 로고화면 같은 걸 splash screen이라고 부른다. 원래는 handler같은거로 구현했는데, 공식지원하는 api가 나와서 이제는 그걸 사용한다.

  
splash-screen = { module = "androidx.core:core-splashscreen" , version.ref ="1.0.1" } 

splash screen을 디자인할 때는, 240x240의 정사각형 틀과, 그 안에 160x160의 원을 기준으로 만들면 된다.

https://developer.android.com/develop/ui/views/launch/splash-screen?hl=ko

적용방법은 간단하다. splash를 위한 style파일을 만들고, 그걸 매니페스트에 선언하고, LaunchActivity가 onCreate되기전에 install해주면 된다.

먼저 splash.xml 파일을 보자.

  
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style parent="Theme.SplashScreen" name="Theme.NutriSport.Splash">
        <item name="windowSplashScreenBackground">#FFFFFF</item>
        <item name="postSplashScreenTheme">@android:style/Theme.Material.Light.NoActionBar</item>
				<!--This theme will apply after splash screen-->
        <item name="windowSplashScreenAnimatedIcon">@drawable/splash_logo</item>
    </style>
</resources>

Theme.SplashScreen을 사용하려면 위에 적어둔 splashscreen api의 dependency를 추가해야된다. 로고 뒤에 나올 화면을 설정하고, 어떤 아이콘을 보여줄지 정해준다.

아이콘 이미지는 되도록 vector asset으로 하는 걸 추천한다.

이제 postSplashScreenTheme을 이해해야되는데, 간단하다. 스플래시 스크린이 뜨고나서, 그 이후에 적용될 Theme을 고르라는 의미다. 그래서 여기에는 기본이 될 Theme을 지정해주면 된다.

AndroidManifest.xml에도 적용해준다.

  
<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/Theme.NutriSport.Splash">

아까 splash style 파일 만들었을 때, name으로 지정한 Theme을 넣어주면된다. 그 다음, LaunchActivity의 onCreate, setContent전에 install해주면 된다.

  
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        installSplashScreen()
        // splash screen은 setContent전에 있어야됨
        enableEdgeToEdge()
        super.onCreate(savedInstanceState)
        setContent {
            App()
        }
    }
}