Computer >> 컴퓨터 >  >> 프로그래밍 >> Android

안드로이드 앱에서 스플래시 화면을 만드는 방법

안드로이드 앱에서 스플래시 화면을 만드는 방법

이 예제는 안드로이드 앱 실행 시 잠시 표시되는 스플래시 화면(Splash Screen)을 구현하는 방법을 단계별로 설명합니다. 스플래시 화면은 앱이 완전히 로딩되기 전에 사용자에게 보여지는 시작 화면으로, 로고나 브랜드 이미지를 표시해 앱의 첫인상을 한층 세련되게 만들어 줍니다.

1단계 – 새 프로젝트 생성

Android Studio에서 File → New Project를 선택하고, 새 프로젝트 생성에 필요한 모든 세부 정보를 입력합니다.

2단계 – activity_main.xml 코드 추가

res/layout/activity_main.xml 파일에 다음 코드를 추가합니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/activity_main"
    android:padding="20dp"
    android:layout_gravity="center"
    tools:context=".MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/hello_id"
        android:layout_centerInParent="true"
        android:text="Hello my friend "
        android:textSize="20sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</RelativeLayout>

3단계 – MainActivity.java 코드 추가

src/MainActivity.java 파일에 다음 코드를 추가합니다. 이 액티비티가 곧 스플래시 화면 역할을 하며, 3초 동안 표시된 뒤 자동으로 다음 액티비티로 전환됩니다.

package com.example.sample;
import android.content.Intent;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import static java.lang.Thread.sleep;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        startActivity(new Intent(MainActivity.this,SecondActivity.class));
        try {
            sleep(3000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        // close splash activity
        finish();
    }
}

4단계 – splash_screenbackground.xml 코드 추가

res/drawable/splash_screenbackground.xml 파일에 다음 코드를 추가합니다. 배경색과 화면 중앙에 배치할 이미지를 함께 정의하는 레이어 리스트(layer-list)입니다.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="https://schemas.android.com/apk/res/android">
    <item>
        <color android:color="@color/splash_background_color"/>
    </item>
    <item>
        <bitmap
            android:src="@drawable/mx"
            android:tileMode="disabled"
            android:gravity="center"/>
    </item>
</layer-list>

5단계 – colors.xml 코드 추가

res/values/colors.xml 파일에 다음 코드를 추가합니다. 여기서 스플래시 화면의 배경색(splash_background_color)을 정의합니다.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
    <color name="splash_background_color">#5456e1</color>
</resources>

6단계 – styles.xml 코드 추가

res/values/styles.xml 파일에 다음 코드를 추가합니다. 스플래시 화면 전용 테마인 SplashTheme를 정의하고, 창 배경을 앞서 만든 드로어블로 지정합니다.

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
    <style name="SplashTheme" parent ="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/splash_screenbackground</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowFullscreen">true</item>
    </style>
</resources>

7단계 – SecondActivity.java 코드 추가

src/SecondActivity.java 파일에 다음 코드를 추가합니다. 스플래시 화면이 종료된 뒤 사용자에게 표시될 실제 메인 화면입니다.

package com.example.sample;
import android.app.Activity;
import android.os.Bundle;
public class SecondActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

8단계 – AndroidManifest.xml 코드 추가

Manifests/AndroidManifest.xml 파일에 다음 코드를 추가합니다. 시작 액티비티(MainActivity)에 SplashTheme를 적용하는 것이 핵심 포인트입니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:dist="https://schemas.android.com/apk/distribution"
    package="com.example.sample">
    <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"
            android:theme="@style/SplashTheme">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".SecondActivity"/>
    </application>
    <dist:module dist:instant="true" />
</manifest>

앱 실행 및 결과 확인

이제 애플리케이션을 실행해 보겠습니다. 실제 안드로이드 기기가 컴퓨터에 연결되어 있다고 가정합니다. Android Studio에서 프로젝트의 액티비티 파일 중 하나를 연 뒤, 툴바의 Run 안드로이드 앱에서 스플래시 화면을 만드는 방법 아이콘을 클릭하세요. 실행 대상 목록에서 자신의 모바일 기기를 선택하면, 기기 화면에 스플래시 화면이 나타났다가 기본 화면으로 전환되는 것을 확인할 수 있습니다.

안드로이드 앱에서 스플래시 화면을 만드는 방법

안드로이드 앱에서 스플래시 화면을 만드는 방법

참고 사항

위 방식은 Thread.sleep()으로 의도적인 지연을 주는 전통적인 구현 방법입니다. 다만 UI 스레드를 직접 멈추게 하는 것은 권장되지 않으므로, 실제 서비스에서는 Handler의 postDelayed()를 활용하거나 Android 12(API 31)부터 제공되는 공식 SplashScreen API를 사용하는 것이 더 안전하고 효율적입니다.