안드로이드 앱 개발을 쉽게 시작해보기 2

안드로이드 앱 개발을 쉽게 시작해보기 2

저는 예전에 안드로이드 스마트폰의 BSP와 Framework 개발했던 경험이 있습니다. 최근에 스마트폰 앱 개발에 관심이 생겨, 새롭게 공부하며 최신 트렌드를 반영한 앱 개발 과정을 포스팅으로 정리하려고 합니다. 이 포스팅이 앱 개발을 처음 시작하는 분들에게 도움이 되길 바랍니다.

 

이전 포스팅에서는 개발 환경을 구축하는 방법을 다루었습니다. 이번 포스팅에서는 그 환경을 활용하여 간단한 앱을 만들어 보겠습니다.

스플래시 화면

안드로이드 어플리케이션의 인트로 화면을 만들어보자!

"스마트폰에서 앱을 처음 실행하면 대게 보이는 것은 인트로 화면입니다. 안드로이드에서는 이 화면을 '스플래시 액티비티'라고 부릅니다. 앱이 시작될 때 잠깐 번쩍이는 화면 특성 때문에 이렇게 불리게 된 것 같습니다.

이번 포스팅에서는 바로 이 스플래시 화면을 만들어 볼 예정입니다. 시작으로, 새로운 프로젝트를 생성해야 합니다. File > New Project 메뉴를 통해 'Phone and Tablet' 카테고리에서 원하는 이름으로 'Empty Activity' 프로젝트를 생성하면 됩니다."

프로젝트 이름을 정하고 입력한 후에는 프로젝트가 완전히 생성될 때까지 조금 기다려야 합니다. 프로젝트 생성이 완료되면, 'make+code'라는 로고 이미지를 사용해서 스플래시 디자인 작업을 시작해보겠습니다. 윈도우 탐색기에서 해당 로고 이미지 파일을 찾아 복사한 후, 안드로이드 스튜디오의 프로젝트 탐색기 내에서 'drawable' 폴더에 붙여넣기 합니다. 그리고, 인트로 액티비티를 프로젝트에 추가합니다.

아래 XML 코드는 안드로이드 앱의 인트로 화면을 디자인하는 레이아웃 파일입니다. `ConstraintLayout`을 사용하여 레이아웃을 구성하였고, 내부에는 `ImageView`와 `TextView` 두 개의 위젯이 포함되어 있습니다.

ConstraintLayout	크기	match_parent x match_parent
ImageView	크기/위치/이미지	240dp x 240dp / 화면 중앙 / @drawable/img_intro
TextView	텍스트/스타일/위치	"My Fit" / 32sp, 굵게, 검정색 / 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"
    tools:context=".IntroActivity">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="240dp"
        android:layout_height="240dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginBottom="120dp"
        app:srcCompat="@drawable/img_intro" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:fontFamily="sans-serif"
        android:text="My Fit"
        android:textColor="@color/black"
        android:textSize="32sp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="@+id/imageView"
        app:layout_constraintStart_toStartOf="@+id/imageView"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />
</androidx.constraintlayout.widget.ConstraintLayout>

다음 포스팅에서는 `RecyclerView`를 활용하여 화면을 구성하는 방법에 대해 자세히 알아보겠습니다.