[Smart_Fan] 07 - Android Studio : 인트로 화면 제작

 

 

[Smart_Fan] 06 - Android Studio : Navigation Drawer Menu 구현 02

 

인트로 화면 제작

[2020-07-13]

 

인트로 화면은 친구가 임시적으로 작성한 화면인데

(인트로 화면의 이미지가 변경될 예정)

 

안드로이드 스튜디오에 대해 세밀히 공부할 겸

차근차근 코드를 살펴보려고 한다.

 

 

• 이미지 추가

파일 이름	설명
no.png	인트로 화면

먼저 인트로에 넣어줄 이미지를 drawable폴더에 넣어 준다.

 

 

• Intro_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/ex1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/no"/>
</LinearLayout>

 

본격적으로 인트로 화면을 넣어주기 위해서

intro_layout을 제작했다.

 

우리는 인트로 화면을 이미지로 넣을 예정이기 때문에

LinearLayout안에 아이디가 ex1인 ImageView를 넣어주었다.

 

이때 디바이스마다 인트로 화면을 꽉 채울 수 있게 스케일 타입을 fitXY로 지정해 준 듯 하다.

 

 

• IntroActivity.java

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

public class IntroActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.intro_layout); //xml , java 소스 연결
        Handler handler = new Handler();
        handler.postDelayed(new Runnable(){
            @Override
            public void run() {
                // 인트로 화면을 보여준 후 intent를 사용해 메인화면인 MainActivity.class로 넘어가도록 함
                Intent intent = new Intent (getApplicationContext(), MainActivity.class);
                startActivity(intent);
                finish();
            }
        },2000); //2초 뒤에 Runner객체 실행하도록 함
    }

    @Override
    protected void onPause(){
        super.onPause();
        finish();
    }
}

 

IntroActivity.java를 intro_layout.xml 소스파일과 연결해 준 뒤에

인트로 화면이 보여진 뒤에 메인화면으로 넘어갈 수 있도록 intent를 사용해

IntroActivity.java에서 MainActivity.javaㄹ 넘어 갈 수 있도록 설정해 준다.

 

이때, 인트로 화면에서 메인화면으로 넘어가기 전에

인트로 화면의 유지 시간도 설정해준다.

(보통 인트로 화면은 2-3초 정도가 적당한 것 같다.)

 

 

• AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.smartfan">

    <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">
        </activity>
        <activity android:name=".IntroActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

 

마지막으로 intent-filter를 인트로 액티비티안에 넣어줘서

메인액티비티보다 인트로 액티비티가 먼저 실행할 수 있도록 하면

인트로 화면이 완성된다.

 

 

애뮬레이터를 사용해 확인해보면 인트로 화면을 2초간 보여준 뒤에

메인 화면으로 넘어가는 모습을 확인할 수 있다.

 

 

---

 

 

인트로화면이 추가되니 정말 내가 어플을 만들고 있다는게 느껴졌다.

 

본격적으로 페이지를 작성해 가면서 완성도를 높여줘야 겠다.