Unity UI 기초: Canvas 설정과 Expand 쉽게 이해하기

🎯 네 설정 요약

 

Canvas
- Render Mode: Screen Space - Overlay
- Canvas Scaler:
    UI Scale Mode: Scale With Screen Size
    Reference Resolution: 2560 x 1440
    Screen Match Mode: Expand

---

1. Screen Space - Overlay

👉 UI가 화면 위에 바로 그려지는 방식

특징

• 카메라 영향 ❌
• 항상 화면 맨 위에 표시
• 가장 가볍고 많이 쓰는 방식

👉 대부분 UI (HUD, 버튼, 체력바) = 이거 씀

---

2. Scale With Screen Size

👉 해상도가 바뀌어도 UI 크기를 비율로 맞춰줌

🔍 Reference Resolution (2560 x 1440)

👉 UI를 만든 “기준 해상도”

• 너는 2560x1440 기준으로 UI 배치한 것
• 다른 해상도에서도 이 비율을 유지하려고 함

🎮 예시

• 기준: 2560x1440
• 실제: 1920x1080

👉 Unity가 자동으로 축소해서 맞춤

---

3. Screen Match Mode: Expand (핵심)

👉 이게 진짜 중요한 옵션이다

🔥 Expand 의미

👉 화면이 커지면 UI를 “더 많이 보여줌”

• 잘리는 일 없음
• 대신 여백 생길 수 있음

📌 동작 방식

👉 더 큰 쪽 기준으로 확장

예:

• 가로가 더 넓으면 → 가로 기준
• 세로가 더 크면 → 세로 기준

---

🎮 결과

해상도	결과
16:9 (기준 동일)	완벽 동일
더 넓은 화면	좌우 여백 생김
더 높은 화면	위아래 여백 생김

---

❗ Expand vs Match (많이 헷갈림)

🔵 Expand

• UI 안 잘림 ✅
• 대신 여백 생김

🟡 Match Width or Height

• 특정 축 기준으로 스케일
• UI 왜곡/짤림 가능

---

🚀 실무 팁

✅ Expand 추천 상황

• HUD (체력바, 미니맵)
• 고정 UI
• 모바일 대응

---

⚠️ 주의

👉 Expand 쓰면:

• 화면이 넓은 환경에서
  👉 UI가 한쪽에 몰려 보일 수 있음

---

🎯 한 줄 핵심 정리

👉 Expand는 “UI를 절대 안 잘리게 대신 여백을 허용하는 방식”이다

---

💡 추가 꿀팁

👉 Anchor 제대로 안 잡으면
👉 Expand 써도 UI 다 깨짐