[안드로이드 코틀린] DatePicker 달력 만드는 방법

이번 시간에는 DatePicker를 이용해서 달력 만드는 방법에 대하여 알아보겠습니다. 

---

목차

1. 실행 화면
2. 메인 화면 구현 activity_main.xml
3. 메인 코드 구현 MainActivity.kt

---

1. 실행 화면

 

2. 메인 화면 구현 activity_main.xml

- 설명 -

1. 달력의 날짜를 선택하면 선택한 날짜를 보여주는 TextView

2. 달력을 보여주는 DatePicker

<RelativeLayout 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"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/day_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@id/datePicker"
        android:layout_centerHorizontal="true"
        android:textSize="30sp"
        android:textStyle="bold" />

    <DatePicker
        android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_marginTop="20dp" />
</RelativeLayout>

 

3. 메인 코드 구현 MainActivity.kt

- 설명 -

1. datePicker: DatePicker

  객체 생성

2. datePicker.year

  해당 연도 가져오기

3. datePicker.month+1

  해당 월 가져오기(1월이 0부터 시작이라 +1)

4. datePicker.dayOfMonth

  해당 일자 가져오기

class MainActivity : AppCompatActivity(){

    @SuppressLint("SetTextI18n") //하드코딩 허용
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //객체 생성
        val dayText: TextView = findViewById(R.id.day_text)
        val datePicker: DatePicker = findViewById(R.id.datePicker)

        //년,원,일 담기
        val iYear: Int = datePicker.year
        val iMonth: Int = datePicker.month+1
        val iDay: Int = datePicker.dayOfMonth

        //현재 날짜 담기
        dayText.text = "${iYear}년 ${iMonth}월 ${iDay}일"

        //DatePicker 날짜 변환 이벤트
        datePicker.setOnDateChangedListener { datePicker, year, month, dayOfMonth ->

            dayText.text = "${year}년 ${month+1}월 ${dayOfMonth}일"
        }
    }//onCreate

}

2022.07.26 - [안드로이드] - [안드로이드 코틀린] CalendarView 달력 만드는 방법

[안드로이드 코틀린] CalendarView 달력 만드는 방법

2022.07.25 - [안드로이드] - [안드로이드 코틀린] 스위치(Switch) On, Off 만드는 방법

[안드로이드 코틀린] 스위치(Switch) On, Off 만드는 방법

2022.07.24 - [안드로이드] - [안드로이드 코틀린] 볼륨 조절, 밝기 조절 SeekBar 만드는 방법

[안드로이드 코틀린] 볼륨 조절, 밝기 조절 SeekBar 만드는 방법