Android Picker

이 글을 기반으로 작성하였습니다.

안드로이드는 사용자가 시간을 선택하거나 날짜를 사용할 수 있는 대화 상자로 선택할 수 있는 컨트롤을 제공한다. 각 Picker는 시간 (시, 분, 오전 / 오후) 또는 날짜 (월, 일, 년)의 부분을 선택하는 컨트롤을 제공한다. 이렇게 Picker를 사용하면 사용자가 유효하고, 형식이 정확하며, 사용자 지역에 맞게 조정된 시간 또는 날짜를 선택할 수 있다.

Android Developer에서는 DialogFragment를 사용할 것을 권고한다. DialogFragment는 Dialog의 생명 주기를 관리하며, 단말기의 기본 dialog 또는 큰 화면의 레이아웃에 포함한 부분과 같이 다양한 레이아웃 구성으로 Picker를 표시할 수 있다. [^1]

DialogFragment는 Android 3.0(API 레벨 11) 때 처음 추가되었지만, Android 1.6보다 낮은 버전의 Android를 지원하는 경우에는 Support Library에서 DialogFragment클래스를 사용하여 이전 버전과의 호환성을 지원할 수 있다.

Time Picker 만들기

DialogFragment를 사용하여 TimePickerDialog를 표시하려면 DialogFragment를 상속받는 프래그먼트를 만들고, TimePickerDialog를 반환하는 onClreateDialog() 메소드를 정의해야 한다.

Time Picker를 위한 DialogFragment 상속 [^2]

TimePickerDialog를 위한 DialogFragment를 정의하려면 다음과 같다.

• onCreateDialog() 메소드를 정의한다. 이 메소드는 TimePickerDialog의 인스턴스를 반환한다.
• 사용자가 시간을 설정할 때 콜백[^3]을 수신하기 위해 TimePickerDialog.OnTimeSetListener 인터페이스를 구현한다.

예제 코드(Kotlin):

class TimePickerFragment : DialogFragment(), TimePickerDialog.OnTimeSetListener {

    override fun onCreateDialog(savedInstanceState: Bundle): Dialog {
        // Use the current time as the default values for the picker
        val c = Calendar.getInstance()
        val hour = c.get(Calendar.HOUR_OF_DAY)
        val minute = c.get(Calendar.MINUTE)

        // Create a new instance of TimePickerDialog and return it
        return TimePickerDialog(activity, this, hour, minute, DateFormat.is24HourFormat(activity))
    }

    override fun onTimeSet(view: TimePicker, hourOfDay: Int, minute: Int) {
        // Do something with the time chosen by the user
    }
}

생성자 인수에 대한 자세한 내용은 TimePickerDialog 클래스를 참조.

이제 프래그먼트의 인스턴스를 당신의 액티비티에 이벤트를 추가하면 된다. [^4]

Time Picker 보여주기

위에 표시된 것과 같은 DialogFragment를 정의한 후에는 DialogFragment 인스턴스를 만들고 show() 메소드를 호출하여 Time Picker를 표시할 수 있다.

아래의 코드는 클릭하면 Dialog를 표시하는 메소드를 호출하는 버튼이다. [^5]

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/pick_time"
    android:onClick="showTimePickerDialog" />

사용자가 이 버튼을 클릭할 때, 시스템은 다음 메소드를 호출한다.

fun showTimePickerDialog(v: View) {
    TimePickerFragment().show(supportFragmentManager, "timePicker")
}

이 메소드는 위에 정의된 DialogFragment의 새 인스턴스에 show() 메소드를 호출한다. show() 메소드에서는 FragmentManager 인스턴스와 Fragment에 대한 고유한 태그 이름이 필요하다.

Date Picker 만들기

DatePickerDialog를 만드는 것은 TimePickerDialog를 만드는 것과 같다. The only difference is the dialog you create for the fragment.

DialogFragment를 사용하여 DatePickerDialog를 표시하려면, DialogFragment를 상속받고 DatePickerDialog를 반환하는 onCreateDialog() 메소드를 정의한 프래그먼트 클래스를 정의해야한다.

Date Picker를 위한 DialogFragment 상속 [^6]

DatePickerDialog를 위한 DialogFragment를 정의하려면 다음과 같다.

• onCreateDialog() 메소드를 정의한다. 이 메소드는 DatePickerDialog의 인스턴스를 반환한다.
• 사용자가 날짜를 설정할 때 콜백[^3]을 수신하기 위해 DatePickerDialog.OnDateSetListener 인터페이스를 구현한다.

예제 코드(Kotlin):

class DatePickerFragment : DialogFragment(), DatePickerDialog.OnDateSetListener {

    override fun onCreateDialog(savedInstanceState: Bundle): Dialog {
        // Use the current date as the default date in the picker
        val c = Calendar.getInstance()
        val year = c.get(Calendar.YEAR)
        val month = c.get(Calendar.MONTH)
        val day = c.get(Calendar.DAY_OF_MONTH)

        // Create a new instance of DatePickerDialog and return it
        return DatePickerDialog(activity, this, year, month, day)
    }

    override fun onDateSet(view: DatePicker, year: Int, month: Int, day: Int) {
        // Do something with the date chosen by the user
    }
}

생성자 인수에 대한 자세한 내용은 DatePickerDialog 클래스를 참조.

이제 프래그먼트의 인스턴스를 액티비티에 이벤트를 추가하면 된다. [^4]

Date Picker 보여주기

위에 표시된 것과 같은 DialogFragment를 정의한 후에는 DialogFragment 인스턴스를 만들고 show() 메소드를 호출하여 Date Picker를 표시할 수 있다.

아래의 코드는 클릭하면 Dialog를 표시하는 메소드를 호출하는 버튼이다. [^5]

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/pick_date"
    android:onClick="showDatePickerDialog" />

사용자가 이 버튼을 클릭할 때, 시스템은 다음 메소드를 호출한다.

fun showDatePickerDialog(v: View) {
    val newFragment = DatePickerFragment()
    newFragment.show(supportFragmentManager, "datePicker")
}

이 메소드는 위에 정의된 DialogFragment의 새 인스턴스에 show() 메소드를 호출한다. show() 메소드에서는 FragmentManager 인스턴스와 Fragment에 대한 고유한 태그 이름이 필요하다.

[^1]: We recommend that you use DialogFragment to host each time or date picker. The DialogFragment manages the dialog lifecycle for you and allows you to display the pickers in different layout configurations, such as in a basic dialog on handsets or as an embedded part of the layout on large screens.
[^2]: Extending DialogFragment for a time picker
[^3]: 1.다른 함수의 인자로써 이용되는 함수 2.어떤 이벤트에 의해 호출되어지는 함수
[^4]: Now all you need is an event that adds an instance of this fragment to your activity.
[^5]: For example, here's a button that, when clicked, calls a method to show the dialog:
[^6]: Extending DialogFragment for a date picker