Chapter 7

Rect Transform

---

Anchor

UI 요소가 부모의 크기나 해상도 변경에 따라 어떻게 위치와 크기를 조정할지를 결정하는 기능

1. Anchor의 기본 개념

• UI 요소가 부모(Rect Transform)를 기준으로 어느 위치에 고정될지 설정한다.
• 부모의 크기 변화에 따라 위치 및 크기가 자동 조정될 수 있다.
• Rect Transform에서 Anchor Min, Max 값을 조정하여 설정한다.

2. Anchor 값의 의미

앵커값은 0~1 사이의 비율 값으로, 부모 크기를 기준으로 상대적인 위치를 설정한다.

값	의미
(0,0)	부모의 왼쪽 아래에 고정
(0.5, 0.5)	부모의 가운데에 고정
(1,1)	부모의 오른쪽 위에 고정

모바일과 같은 여러가지 화면에서 대응되는 게임 화면을 만들기 위해서는 UI의 캔버스 크기가 다 달라야한다. 그러나 모든 경우의 해상도를 고려하여 버튼을 새로 제작할 수 없기에 앵커를 사용하여 해상도가 변화해도 그 변화된 해상도에 맞추어 버튼의 크기가 유동적으로 변하게 할 수 있다.

• 4개의 삼각형으로 이루어져 있다.
• 부모가 Rect Transform을 가지고 있어야 앵커가 활성화 된다.

앵커와 부모 UI까지의 거리는 비율로 고정되며 그 비율에 맞게 크기가 유동적으로 변화한다.

앵커와 나 자신의 UI 까지의 거리를 Padding이라고 하고 고정되어 있다. 부모 UI가 변화해도 변하지 않는다.

• 자식 UI인 나와 나의 Anchor간의 거리 -> 고정 간격

  • 부모 UI의 크기가 변해도 유지되는 고정 길이이다.
  • left, right, bottom, top 값으로 나타난다.

• 부모 UI와 내 앵커간의 간격 -> 유동적으로 변화하고 비율을 유지한다.

  • 나의 앵커는 부모 UI상에서 어느 비율로 위치되는지를 정한다.
    • 비율은 부모 UI 크기를 100%로 잡은 기준이다.
  • 부모 UI 크기가 변해도 이 비율은 유지되면서 자식 UI인 나의 이 부분의 크기가 변경된다.