자바 안드로이드 앱개발 강좌, 메신저 앱의 인트로 화면 만들기

1. 인트로 화면의 중요성

인트로 화면은 사용자가 앱을 시작할 때 처음으로 마주하는 화면입니다. 브랜드 이미지, 사용 방법, 기능 등을 간략하게 소개하는 역할을 합니다. 사용자에게 강한 첫 인상을 남길 수 있으며, 앱에 대한 신뢰감을 형성하는 데 큰 도움이 됩니다. 또한, 인트로 화면은 앱을 로드하는 동안의 대기 시간을 유용하게 활용하는 방법이기도 합니다.

2. 프로젝트 준비하기

안드로이드 스튜디오를 이용해서 새 프로젝트를 생성합니다. 다음과 같은 설정을 할 수 있습니다:

• 프로젝트 이름: MessengerApp
• 패키지 이름: com.example.messengerapp
• 언어: Java
• 최소 API 레벨: API 21 (Lollipop)

위의 설정으로 새 안드로이드 프로젝트를 생성하면, 기본적으로 MainActivity.java와 activity_main.xml 파일이 생성됩니다.

3. 인트로 화면 디자인하기

인트로 화면의 디자인은 사용자 경험을 향상시킬 수 있습니다. 우리는 간단하게 배경 이미지와 로고를 사용하여 인트로 화면을 디자인할 것입니다.

3.1 레이아웃 파일 만들기

res/layout 폴더에 intro_activity.xml 파일을 생성하고 다음과 같이 작성합니다:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/logo" />

</RelativeLayout>

위의 XML 코드는 화면 중앙에 로고를 배치하게 됩니다. logo 이미지는 res/drawable 폴더에 추가되어야 합니다.

4. 인트로 화면 Activity 만들기

이제 인트로 화면을 표시할 Activity를 만들겠습니다. 새로운 Java 파일인 IntroActivity.java를 생성하고 다음 내용을 작성합니다:

package com.example.messengerapp;

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

public class IntroActivity extends AppCompatActivity {
    private static final int SPLASH_TIME_OUT = 3000; // 3초

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.intro_activity);

        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent mainIntent = new Intent(IntroActivity.this, MainActivity.class);
                startActivity(mainIntent);
                finish(); // 인트로 화면을 종료
            }
        }, SPLASH_TIME_OUT);
    }
}

위 코드에서는 3초 대기 후 MainActivity로 넘어가는 인트로 화면 기능을 구현했습니다.

5. AndroidManifest.xml 수정하기

안드로이드Manifest.xml 파일을 열고 IntroActivity를 등록합니다. 다음과 같이 수정합니다:

<application
        ... >

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

        <activity android:name=".MainActivity"></activity>

        </application>

여기서 IntroActivity는 앱의 시작 화면이 되어야 하므로 MAIN과 LAUNCHER 액션을 설정합니다.

6. 앱 실행 및 테스트

이제 모든 설정이 끝났습니다. 앱을 실행하면 인트로 화면이 3초 동안 표시된 후 MainActivity로 전환되는 것을 확인할 수 있습니다. 앱이 제대로 작동하는지 확인하세요.

혹시 문제점이 발생하면, Android Studio의 Logcat에서 에러 메시지를 확인하여 문제를 해결할 수 있습니다.

7. 추가 기능 구현하기

인트로 화면에 추가 기능을 구현하고 싶다면, 다음과 같은 아이디어를 고려할 수 있습니다:

• 애니메이션 효과 추가
• 앱 로고에 다양한 전환 효과 적용
• 로고 아래 간단한 슬로건 추가

예를 들어, 로고에 애니메이션 효과를 추가하고 싶다면, Animation 클래스를 사용하여 간단한 페이드 인 효과를 줄 수 있습니다.

ImageView logo = findViewById(R.id.logo);
Animation fadeIn = AnimationUtils.loadAnimation(this, R.anim.fade_in);
logo.startAnimation(fadeIn);