Dev/Others

Garmin WatchFace UI 제작 - 가민 시계

healthyryu 2018. 11. 4. 01:40

Garmin WatchFace UI 제작

 

최근에 아시는분의 요청으로 Garmin 시계 WatchFace 작업을 했다.

 

처음으로 Monkey C 를 접했다. Garmin WatchFace 작업을 할때, 레이아웃은 전부 코드로 작업했다. XML 상에서 레이아웃을 그리고 추가적으로 코드로 레이아웃을 그려서 적용하는 방법을 몰랐기 때문에 어쩔수 없이 코드로만 작성했다.

 

그리고 추가적으 XML으로 레이아웃을 작업할 수는 있지만 XML 을 통해서 작업하는게 Custom 작업하기가 더 어려운것 같았다. 더불어서 폰트 적용이 가장 어려웠다. 커스텀 폰트 작업을 하려면 사이즈에 맞게 계속 Bitmap 형식의 폰트를 만들어야했다.

 

코드로 화면을 그리는 방법과 XML를 통해서 화면을 그리는 방법 등이 제대로 이해가 안되서 그 개념을 익히고 특히나 커스텀 폰트를 적용하는데 너~~무 많은 시간이 걸렸다....

 

그리고 로고 관련한거는 이미지를 받았지만, 정작 시계에 올리니깐 해상도 차이인지 글들이 삐죽삐죽 튀어나와서 보기가 안좋아서, 코드로 라인 하나하나를 장인정신을 발휘해서 그렸다.

 

 

기본적으로는 홈페이지의 Developer Guide 를 봤고, 나머지는

Garmin Developer Forums(https://forums.garmin.com/forum) 사이트를 통해서 도움을 얻었다.

그러나 Forum 사이트는 한국은 접근이 막혀있어서... 우회로 접속해야한다라는게.... 상당히 귀찮은 부분이다.... 이런!!!

 

 

 

생각했던 시간보다 더 많은 시간이 필요했지만, 결과물이 나오니 기쁘다!!! :)

 

 

Display resolution :

 

Forerunner 935, 645 - 240 x 240 pixels

Forerunner 235, 735XT - 215 x 180 pixels

Forerunner 920XT - 205 x 148 pixels

피닉스 5 Plus, 5S Plus, 5X Plus - 240 x 240 pixels
피닉스 5, 5S, 5X / Chronos - 218 x 218 pixels

 

 

Garmin App Downloadhttp://bit.ly/2T7SSTb (제작 의뢰자가 개인적인 이유로 앱 내림 ㅠ)

 

 

 

 

연락 메일 : wlgnsdi@paran.com

 

 

반응형

'Dev > Others' 카테고리의 다른 글

nodemon 이란 무엇인가?  (0) 2022.03.28
기본 공부 - 프로세스, 스레드, 메모리  (0) 2021.03.10
Getty Images API  (0) 2018.04.14
공부중 - 해시함수, SHA...  (0) 2018.04.09
최종 사용자 사용권 계약서  (0) 2017.08.13