[Android] 뽀모도로 타이머 만들기 with 코틀린(1) - 기본 UI 구성(SeekBar 사용)

뽀모도로 타이머?!

뽀모도로(Pomodoro) 기법은 1980년대에 프란테스코 시릴로가 제안한 시간관리 방법이다. 

토마토(이탈리아어로 뽀모도로) 모양의 요리용 타이머로 시간을 재서 사용하던 것에 유래되었다고 한다.

원칙은 간단하다 25분간 집중해서 일을 한 다음, 5분간 휴식을 취하는 것이다. 

 

 

주요기능

• 사용자가 SeekBar를 이용하여 타이머 설정(최대 60분)
• 카운트 다운이 진행되는 동안 Ticking 사운드 재생
• 카운트 완료시 타이머 효과음

---

기본 레이아웃 구성

분과 초를 나타내는 텍스트뷰와 타이머를 설정할 수 있는 seekBar로 

아주 간단하게 레이아웃을 구성했다.

 

뷰 바인딩

분을 나타내는 텍스트뷰와 seekBar를 바인딩 해준다. 최대 60분까지 설정할 수 있도로 seekBar의 max 값을 60으로 설정해주고 슬라이더가 이동될 때마다 텍스트뷰에 나타내도록 바인딩해야한다. 

private fun bindViews(){
        seekBar.setOnSeekBarChangeListener(
            object : SeekBar.OnSeekBarChangeListener{
                override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
                    remainMinutesTextView.text = "%02d".format(progress)
                }

                override fun onStartTrackingTouch(seekBar: SeekBar?) {

                }

                override fun onStopTrackingTouch(seekBar: SeekBar?) {

                }
            }
        )

    }

이 때, format함수를 이용하여 10분미만일 경우에 0을 함께 표시하도록 설정한다.