Android에서 날짜 및 시간 변경 리스너 구현하는 방법 (DatePicker · TimePicker 완전 정복)

안드로이드 날짜·시간 변경 리스너란?

이 튜토리얼에서는 안드로이드 앱에서 날짜 변경 리스너(DatePicker.OnDateChangedListener)와 시간 변경 리스너(TimePicker.OnTimeChangedListener)를 구현하는 방법을 단계별로 살펴봅니다. 사용자가 DatePicker나 TimePicker에서 날짜 또는 시간을 변경할 때마다 콜백 메서드가 호출되어, 변경된 값을 실시간으로 감지하고 처리할 수 있습니다.

예제에서는 두 개의 액티비티를 사용합니다. 첫 번째 액티비티에는 날짜 선택기가 배치되고, 버튼을 누르면 시간 선택기가 있는 두 번째 액티비티로 이동하는 구조입니다.

1단계 — 새 프로젝트 생성

안드로이드 스튜디오에서 File ⇒ New Project로 이동하여 새 프로젝트를 만들고, 프로젝트 생성에 필요한 모든 정보를 입력합니다.

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

res/layout/activity_main.xml 파일에 아래 코드를 추가합니다. 화면 중앙에 DatePicker를 배치하고, 그 아래에 TimePicker 화면으로 이동할 버튼을 배치합니다.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="https://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <DatePicker
        android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"/>
    <Button
        android:id="@+id/btnTime"
        android:layout_below="@id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Click here to view Time Picker"
        android:textStyle="bold"
        android:layout_centerInParent="true"
        android:layout_marginTop="36dp"/>
</RelativeLayout>

3단계 — MainActivity.java에 날짜 변경 리스너 등록

src/MainActivity.java에 다음 코드를 추가합니다. 핵심은 setOnDateChangedListener() 메서드입니다. 사용자가 날짜를 변경하면 onDateChanged() 콜백이 호출되며, 변경된 연도·월·일 정보를 토스트(Toast) 메시지로 표시합니다.

import android.annotation.TargetApi;
import android.content.Intent;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
    Button btnTime;
    @TargetApi(Build.VERSION_CODES.O)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        btnTime = findViewById(R.id.btnTime);
        DatePicker datePicker = findViewById(R.id.datePicker);
        datePicker.setOnDateChangedListener(new DatePicker.OnDateChangedListener() {
            @Override
            public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
            Toast.makeText(MainActivity.this," You are changed date is : "+dayOfMonth +" - "+monthOfYear+ " - "+year,Toast.LENGTH_LONG).show();
        }
    });
    btnTime.setOnClickListener(new View.OnClickListener(){
        @Override
        public void onClick(View v) {
            Intent intent = new Intent(MainActivity.this, TimePicker.class);
            startActivity(intent);
        }
    });
    }
}

4단계 — TimePicker 액티비티 레이아웃 작성

새 액티비티를 생성한 뒤, activity_time_picker.xml에 아래 코드를 추가합니다. 화면 중앙에 TimePicker 위젯을 배치합니다.

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".TimePicker">
    <TimePicker
        android:id="@+id/timePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"/>
</RelativeLayout>

5단계 — TimePicker.java에 시간 변경 리스너 등록

TimePicker.java에 다음 코드를 추가합니다. setOnTimeChangedListener()를 통해 사용자가 시간이나 분을 변경할 때마다 onTimeChanged() 콜백이 실행되어 변경된 시각을 토스트로 알려줍니다.

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;
public class TimePicker extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_time_picker);
        android.widget.TimePicker timePicker = findViewById(R.id.timePicker);
        timePicker.setOnTimeChangedListener(new android.widget.TimePicker.OnTimeChangedListener() {
            @Override
            public void onTimeChanged(android.widget.TimePicker view, int hourOfDay, int minute) {
                Toast.makeText(TimePicker.this, "Your changed time is: " +hourOfDay+ " - "+minute, Toast.LENGTH_SHORT).show();
            }
        });
    }
}

6단계 — AndroidManifest.xml에 액티비티 등록

androidManifest.xml에 아래 코드를 추가하여 TimePicker 액티비티를 등록합니다. 매니페스트에 선언되지 않은 액티비티는 실행 시 오류가 발생하므로 반드시 추가해야 합니다.

<?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=".TimePicker"></activity>
        <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) 아이콘을 클릭합니다. 목록에서 본인의 모바일 기기를 선택하면, 기기에 앱의 기본 화면이 표시됩니다.

메인 화면에서 날짜를 변경하면 변경된 날짜가 토스트 메시지로 나타나고, 버튼을 눌러 TimePicker 화면으로 이동한 뒤 시간을 조정하면 변경된 시간이 실시간으로 표시되는 것을 확인할 수 있습니다.