UI 캔버스 설정하기

모바일 장치는 다양한 화면 크기와 해상도로 제공됩니다. ZEPETO World에서는 Unity의 Canvas를 사용하여 UI 요소를 표현하므로 Unity는 동일한 제한 사항이 있습니다.

다음 가이드는 가능한 많은 장치에 UI를 표시하기 위한 중립적인 설정을 제공합니다.

따라서 모든 모바일 장치에 정확히 맞는 UI를 표현하는 것은 불가능하지만, 대부분의 장치에서 UI 요소를 유사한 위치에 배치하는 것을 목표로 합니다.









Layout Group을 통해 요소가 하위 객체로 추가될 때마다 오른쪽 상단의 버튼 영역이 자동으로 왼쪽과 오른쪽에 정렬되도록 설정합니다.

SafeArea 아래에 새 객체를 생성하고 다음 컴포넌트를 설정합니다.

버튼 영역의 자식으로 버튼 객체를 생성합니다. 버튼은 자동으로 정렬되며 다음 설정이 적용됩니다.



이제 월드를 빌드하고 모바일 장치에서 확인하면, 다음 이미지와 같이 오른쪽 상단에 위치한 버튼을 볼 수 있습니다.





화면의 왼쪽 영역에 UI 요소를 설정하기 위해서는 3단계에서 설정한 오른쪽 영역에서 몇 가지 변경만 필요합니다. 변경해야 할 설정은 다음과 같습니다.









요소가 레이아웃 그룹을 통해 하위 객체로 추가될 때마다 오른쪽 상단의 버튼 영역이 자동으로 왼쪽과 오른쪽에 정렬되도록 설정합니다.

SafeArea 아래에 새 객체를 생성하고 다음 구성 요소를 설정합니다.



버튼 영역의 자식으로 버튼 객체를 생성합니다. 버튼은 자동으로 정렬되며 다음 설정이 적용됩니다.



이제 월드를 구축하고 모바일 장치에서 확인하면, 다음 이미지와 같이 오른쪽 상단에 위치한 버튼을 볼 수 있습니다.





화면의 왼쪽 영역에 UI 요소를 설정하기 위해서는 3단계에서 설정한 오른쪽 영역에서 몇 가지 변경만 필요합니다. 변경해야 할 설정은 다음과 같습니다.