<--! [iOS] Watch 기본 2 : 레이블 및 버튼 위치 바꾸기 -->

[iOS] Watch 기본 2 : 레이블 및 버튼 위치 바꾸기

필그램

·

2017. 9. 10. 03:52

애플워치 개발시 레이블과 버튼위치 변경은 폰 개발과 다른  UI를 제공합니다.


먼저 맨위 레이블인 '메뉴판'을 선택하고, 오른쪽 '속성 inspector'에서 정렬(Alignment)에서 수평 > center로 선택합니다.




아래처럼 중앙으로 움직였습니다.





이번엔 '디저트'를 선택하고, 수직정렬을 Buttom으로 선택합니다.



맨아래 버튼으로 움직였습니다. 디폴트는 Top이기 때문입니다.



아래는 '애피타이저'레이블을 수직>중앙으로 바꾸었고, 


다음으로  '피자'버튼을 '수직>Center'로 바꿉니다.



기본적으로 Top으로 수직정렬 되었으므로, 센터로 하여도 기본설정의 아래로 온것을 볼 수 있습니다.




스토리보드에서는 화면이 길게 나오지만, 시뮬레이터나 시계에는 스크롤바가 같이 나옵니다.


디자인시 주의점은 손가락으로 터치 하므로 클릭하는 메뉴를 너무 작게 만들어서는 안됩니다.






반응형