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

안드로이드 DatePickerDialog(날짜 선택 대화상자)에서 날짜를 설정하는 방법

이 튜토리얼에서는 안드로이드 앱에서 DatePickerDialog(날짜 선택 대화상자)를 사용해 날짜를 설정하는 방법을 단계별로 살펴봅니다. 화면의 버튼을 누르면 날짜 선택 대화상자가 열리고, 사용자가 선택한 날짜가 TextView에 자동으로 표시되는 간단한 예제입니다.

1단계 — 새 프로젝트 만들기

안드로이드 스튜디오(Android Studio)에서 File → New Project 메뉴로 이동해 새 프로젝트를 생성하고, 프로젝트 생성에 필요한 정보를 모두 입력합니다.

2단계 — 레이아웃 작성(activity_main.xml)

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다. 화면 중앙에는 날짜를 표시할 TextView가, 그 아래에는 대화상자를 호출하는 Button이 배치됩니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:id="@+id/rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    tools:context=".MainActivity"
    android:background="#f2f6f4">
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Date"
        android:layout_above="@id/button"
        android:textSize="30dp"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="28dp"
        android:fontFamily="sans-serif-condensed"/>
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Set Date"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"/>
</RelativeLayout>

3단계 — DatePickerFragment 클래스 작성

패키지 이름을 마우스 오른쪽 버튼으로 클릭한 뒤 New → Java Class를 선택해 새 클래스를 만들고, 이름을 DatePickerFragment로 지정한 후 아래 코드를 입력합니다. 이 클래스는 현재 날짜를 기본값으로 하는 DatePickerDialog를 생성하는 역할을 합니다.

import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.v4.app.DialogFragment;
import java.util.Calendar;

public class DatePickerFragment extends DialogFragment {
    @NonNull
    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        Calendar c = Calendar.getInstance();
        int year = c.get(Calendar.YEAR);
        int month = c.get(Calendar.MONTH);
        int day = c.get(Calendar.DAY_OF_MONTH);
        return new DatePickerDialog(getActivity(), (DatePickerDialog.OnDateSetListener) getActivity(), year, month, day);
    }
}

4단계 — MainActivity 작성

src/MainActivity.java 파일에 아래 코드를 추가합니다. MainActivity는 DatePickerDialog.OnDateSetListener 인터페이스를 구현하여, 사용자가 선택한 날짜를 전체(FULL) 형식으로 변환한 뒤 TextView에 출력합니다.

import android.app.DatePickerDialog;
import android.support.v4.app.DialogFragment;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;
import java.text.DateFormat;
import java.util.Calendar;

public class MainActivity extends AppCompatActivity implements DatePickerDialog.OnDateSetListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                DialogFragment datePicker = new DatePickerFragment();
                datePicker.show(getSupportFragmentManager(), "date picker");
            }
        });
    }

    public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
        Calendar c = Calendar.getInstance();
        c.set(Calendar.YEAR, year);
        c.set(Calendar.MONTH, month);
        c.set(Calendar.DAY_OF_MONTH, dayOfMonth);
        String currentDateString = DateFormat.getDateInstance(DateFormat.FULL).format(c.getTime());
        TextView textView = (TextView) findViewById(R.id.textView);
        textView.setText(currentDateString);
    }
}

참고: 최신 안드로이드 스튜디오 프로젝트에서는 android.support 라이브러리 대신 AndroidX(androidx.appcompat.app.AppCompatActivity, androidx.fragment.app.DialogFragment 등)를 사용하세요. 임포트 문만 AndroidX 패키지로 바꾸면 동일하게 동작합니다.

5단계 — 매니페스트 확인(AndroidManifest.xml)

androidManifest.xml 파일에 아래 코드를 추가하거나, 프로젝트 생성 시 자동으로 만들어진 내용과 비교해 확인합니다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="app.com.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">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

앱 실행 및 결과 확인

이제 애플리케이션을 실행해 보겠습니다. 실제 안드로이드 기기가 컴퓨터에 연결되어 있다고 가정합니다. 안드로이드 스튜디오에서 프로젝트의 액티비티 파일 중 하나를 연 뒤, 툴바의 Run(실행) 아이콘을 클릭하세요. 기기 목록에서 본인의 모바일 기기를 선택하면 앱이 설치·실행되며 다음과 같은 기본 화면이 표시됩니다.

안드로이드 DatePickerDialog(날짜 선택 대화상자)에서 날짜를 설정하는 방법

안드로이드 DatePickerDialog(날짜 선택 대화상자)에서 날짜를 설정하는 방법


안드로이드 DatePickerDialog(날짜 선택 대화상자)에서 날짜를 설정하는 방법

Set Date 버튼을 누르면 오늘 날짜가 기본값으로 설정된 날짜 선택 대화상자가 나타납니다. 원하는 연도·월·일을 고른 뒤 OK를 누르면, 선택한 날짜가 전체 형식(예: “2022년 3월 31일 목요일”)으로 화면에 표시되는 것을 확인할 수 있습니다.