TimePicker

TimePicker는 말 그대로 시간을 설정할 때 사용한다.

 

갤럭시 알림 앱에 시간을 선택하는 창이 대표적인 예이다.

 

사용 방법

xml

<TimePicker
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:timePickerMode="spinner"/>

 

• timePickerMode : TimePicker의 형태를 결정한다.
  • clock : 아날로그 시계
  • spinner : 디지털
• theme : TimePicker의 디자인

 

디자인 설정하는 방법

우선 themes.xml에서 TimePicker 디자인에 대한 설정을 해주어야 한다.

 

themes.xml

...
<style name="TimePickerStyle">
    <item name="android:textSize">30sp</item>
    <item name="android:textColorPrimary">@color/light_purple</item>
    <item name="android:colorControlNormal">@android:color/transparent</item>
</style>
...

 

timepicker.xml

<TimePicker
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:timePickerMode="spinner"
        android:theme="@style/TimePickerStyle"/>

 

 

• textSize : 글씨 크기
• textColorPrimary : 글씨 색상
• colorControlNormal : 언더 바 색상
  • android:color/transparent : 부모 색과 같게 설정, 투명이라고 보면 됨

 

데이터 처리

val cal = Calendar.getInstance()
val hours = "%02d".format(cal.get(Calendar.HOUR_OF_DAY))
val minute = "%02d".format(cal.get(Calendar.MINUTE))

println("$hours : $minute") // 03 : 34