[Unity]UI Canvas

🎮UI Canvas

⚙️UI

UI는 유저 인터페이스로서 텍스트 박스, 버튼, 슬라이더, 미니 맵 등을 포함한다. UI는 게임 모드가 아닌 유저가 상호작용할 수 있는 모든 것이다.

유니티에서 UI는 캔버스에 있다. 캔버스는 일반적으로 게임 월드로부터 분리된 스크린 스페이스라는 곳에 존재한다.

캔버스는 계층 구조를 가지고 있어서 여러 개의 캔버스를 가질 수 있다.

화면을 변경할 때마다 UI를 전부 변경할 필요 없이 캔버스 사이를 이리저리 옮기면서 환면 전환을 할 수 있다.

⚙️Canvas

Hierarchy창에서 오른쪽 마우스 클릭-UI-Canvas를 선택해서 캔버스 오브젝트를 생성할 수 있다.

UI에 무엇인가를 추가할 때 캔버스의 자식 오브젝트로 만든다. Hierarchy창에서 캔버스 오브젝트를 선택하고 UI- Image 를 선택해 Image를 캔버스의 자식 오브젝트로 만든다.

Image의 RectTransform에서 이미지 크기를 조정할 수 있고 Anchor(UI의 원점 위치)와 이미지의 Pivot(기준점)을 바꿀 수 있는 것을 확인할 수 있다.

Inspector 창에서 Anchor와 Pivot을 일일이 바꿀 수 있지만 Anchor Preset을 통해 편하게 정해진 기준점을 정할 수 있다.

⚙️Anchor Presets

RectTransform에서 좌측 상단의 네모 UI를 누르면 Anchor Presets를 설정할 수 있는 창이 나온다.

Anchor Presets에서 원하는 위치를 클릭하면 앵커 위치가 바뀐다. 앵커의 위치가 바뀌면 현재 이미지의 위치가 바뀌는데 이 위치는 이미지가 앵커로부터 얼마나 떨어져 있는지를 나타낸다. 이미지의 위치를 (0, 0, 0)으로 바꾸면 앵커 위치로 이미지가 옮겨 가는 것을 확인할 수 있다.

앵커 프리셋을 특정 키를 조합해서 사용하면 편하게 피벗, UI의 위치를 움직일 수 있다.

• Shift + 마우스 좌 클릭: 앵커 위치와 같이 피벗도 옮김(UI 위치는 그대로)

• Alt + 마우스 좌 클릭: 앵커 위치와 같이 UI 위치 옮김

• Shift + Alt + 마우스 좌 클릭: 앵커, 피벗, UI 위치 다 옮김