본 문서는 canvas를 통해 시험 시계 기능을 구현하기 전 개발 방법을 검토하는 과정을 담은 문서입니다.

1. canvas에 layout 만들기

• layout으로 구성하는 이유

  • 아날로그 시계의 종류가 한 두개가 아닙니다. 사용자가 바라보고 싶은 시계가 분명히 있습니다. 예를들어 제가 민트색으로 구성했는데 그 사람의 눈이 파란색 계열에 색각맹일 경우 골치아프겠죠? 그래서 color 테마는 무료로 풀 예정이고, 목재 테마 등은 광고 및 유료 버전(500원)으로 배포할 예정입니다. 그래서 시계 원판 및 시계 구성품을 이미지 배경이 아닌 레이아웃으로 구성하려고 합니다.
  • 솔직히 말하면 캔버스를 직접 제대로 구성해 본 적이 없어서 어떤 형태로 개발될 지는 모르겠습니다. 캔버스 객체로 구성을 한다고 해도, 사실 위치 좌표만 구성한다면 리소스만 바꿔치기하면 충분하기 때문입니다.

• 구현기능(셋팅 메뉴)

  • 시계의 사이즈를 바꿀 수 있습니다. 7단계까지 적용할 예정입니다.
  • 물론 글자 크기도 따로 조절이 가능합니다. 다만 글자는 3단계까지만 가능합니다
  • 시계의 위치를 극좌, 좌중, 중간, 우중, 극우측으로 변경 가능합니다(좌중이 시계 보다는 버튼의 위치 대응). 이에 따라 start, stop 등이 있는 컨트롤 판넬도 같이 정상적인 위치에 배치되어야 합니다.
  • 시계 색상 및 테마를 변경할 수 있습니다.

• layout 구성 방법

  1. 모바일 기기의 dp, px를 조사 → 이 부분은 Adaptive UI를 공부한 후 적용하기로
  2. 해당 사이즈에 대해 시계를 그릴 캔버스의 크기를 가장 안정적으로 적용(크기, 위치 변경에 더해 화면 전환도 가능하기 때문에 절대 가로 세로 변경에 잘리면 안됨)
  3. 리소스를 모두 객체화하여 어디에 pin(리소스의 정중앙)을 꽂을지 결정, (베젤 등에 따라 다른 것들에 영향을 줍니다)
  4. 모든 User Action은 ViewModel로 처리가 될 것이기 때문에 해당 test tool 메소드들은 viewModel과 연결됩니다.

• Terminal interface 예시

  #!/bin/bash
  
  COMMAND=${1:-start}
  
  case "$COMMAND" in
    start|stop)
      ;;
    size[0-9]*|location[0-9]*|theme[0-9]*)
      ;;
    *)
      echo "Usage: $0 start|stop|sizeN|locationN|themeN"
      exit 1
      ;;
  esac
  
  adb shell am broadcast -a com.andro.analogclocktimer.ACTION_COMMAND --es extra_command "$COMMAND" -n com.andro.analogclocktimer/.test.TestReceiver
  
  

이렇게 shell script를 만들고 명령어를 아래와 같이 하면

23:52:07.278  W  Unknown command received: Intent { act=com.andro.analogclocktimer.ACTION_COMMAND flg=0x400010 cmp=com.andro.analogclocktimer/.test.TestReceiver (has extras) }
23:52:07.278  D  Set theme to 0

찍어둔 대응 로그가 나온다는 것!

건강 이슈로 8월 4일(월)에 마무리