Android DateRangePicker Custom Settings - 1. Modal

이번 글에서는 머터리얼에서 제공하는 날짜 범위 선택 기능에서 내가 사용한 몇가지 설정을 공유하려고 한다.

 

달력 생성 방식(?)

맨처음 문제가 되었던 녀석이다.

 

바로, 내가 원하던 방식은 Dialog처럼 선택기가 보이는 것이었다.(BottomSheet 관련 글에서 소개했던 Modal 방식을 원했다.)

 

하지만, 일반 바(bar)형 기종에서는 전체화면(액티비티같은?)으로 DateRangePicker가 실행되었다.

특이하게 폴드 기종이나 태블릿에서는 DateRangePicker가 Dialog처럼 실행되었다.

 

정확히 찾아보진 않았지만 머터리얼에서 휴대폰 스크린 사이즈에 따라 실행 방식을 다르게 두었다고 생각을 했고

결국 머터리얼에서 이를 제어하기 위해서는 스크린 사이즈에 따라 테마를 다르게 설정했다고 생각했다.

(이는 이전에 머터리얼의 바텀 시트를 사용할 때 경험이 있었기 때문에 나름 합리적인 추론이라 생각했다.)

 

내 생각과 관련된 내용은 아래에서 찾을 수 있다.

https://github.com/material-components/material-components-android/blob/master/docs/components/DatePicker.md

 

그래서 나는 머터리얼3 테마를 사용하면서도 항상 Dialog로 실행시키는 방법을 찾았는데

DateRangePicker를 build 하기 전에 테마를 설정하는 것이었다.

 

https://gist.github.com/BonusTrack02/8617a4d85c0f43a962c5c3572c06a30a

DateRangePicker using Material3 dialog mode

내가 위의 gist에서 적용한 테마는 material 라이브러리가 적용된 프로젝트라면 모두 갖고 있을 테마이다.

 

다음 글에서는 날짜 선택 기능에 대해 소개해보겠다.