[깡샘의 코틀린 프로그래밍] 정리 24 - TODO 앱 개발

본 글은 [깡샘의 코틀린 프로그래밍 - 루비페이퍼] 의 내용을 발췌한 것입니다.

좀더 자세한 내용은 책을 통해 확인해 주세요.

 

 

 

24장. TDOD 앱 개발

 

24.1.1. 앱의 기능

 

우선 개발하고자 하는 앱의 기능을 결과 그림으로 소개해 보겠습니다. 앱을 실행하면 다음 그림의 왼쪽처럼 빈 상태의 화면이 나옵니다. 이 화면의 오른쪽 아래에 있는 버튼(FloatingActionButton)을 클릭하면 화면이 전환하여 오른쪽 화면이 나옵니다.

 

 

AddTodoActivity의 화면으로 아래 그림처럼 할 일 데이터를 입력합니다. title과 content를 키보드로 입력하며, 하단에는 현재 날짜가 기본으로 출력되어 있습니다. 이 날짜를 사용자가 클릭하면 왼쪽 그림처럼 날짜를 선택할 수 있는 다이얼로그가 실행됩니다. 다이얼로그에서 날짜를 선택하면 날짜 부분에 적용됩니다.

 

 

가운데 화면에서 사용자가 할 일에 관한 정보를 다 입력하고 화면 오른쪽 위에 있는 저장 버튼(메뉴)을 누르면 오른쪽 화면(MainActivity)으로 전환합니다. 사용자가 입력한 데이터는 DB에 저장되며 MainActivity에 자동으로 출력됩니다.

 

 

AddTodoActivity에서 다양한 할 일를 입력했다면 DB에 여러 내용이 저장되었을 것이고, 이 내용이 위의 그림처럼 MainActivity 화면에 목록으로 나옵니다. 할 일 목록을 출력할 때 날짜와 함께 할 일이 나와야 합니다. 또한, 같은 날짜로 등록된 할 일이 여러 건이라면 날짜 밑에 할 일을 여러 건 배치해야 합니다.

 

또한, 제목이나 내용이 길면 한 줄로만 표현하고 마지막을 줄임 표시로 처리합니다. 마지막으로 사용자가 할 일의 왼쪽 네모를 클릭하면 체크 이미지를 출력하며, 다시 클릭하면 빈 네모 이미지를 출력해야 합니다. 즉, 처리한 일인지 처리하지 않은 일인지 사용자가 조정할 수 있게 합니다.