(25/07/31)해상도 대응을 위한 CanvasScaler

허윤·2025년 7월 31일

목차

  1. CanvasScaler란
  2. ScaleMode 모드
  3. 화면비율에 맞는 UI 배치법

CanvasScaler란

  • canvas의 사이즈를 조정하는 컴포넌트로 Scale With Screen Size를 통해 해상도에 맞는 UI 사이즈 대응을 할 수 있다.

ScaleMode 모드

모드설명주요 특징주 사용 사례
Constant Pixel Size해상도와 상관없이 UI가 항상 같은 픽셀 크기로 표시됨화면 해상도 높으면 작게, 낮으면 크게 보임단일 해상도 대상 UI
Scale With Screen Size기준 해상도에 따라 실제 해상도 비례로 UI 크기가 자동 조정됨다양한 기기 지원, 기준 해상도와 화면 비율 매칭 옵션 제공반응형 UI, 다양한 기기
Constant Physical Size실제 인치(mm, inch 등) 등 물리적 크기 기준 UI가 표시됨장치의 DPI 정보 활용, DPI 정보 미제공 시 Fallback 값 사용인쇄용, 전문 장비 UI

화면비율에 맞는 UI 배치법

  • scale with screen size 모드를 선택 후
  • 캔버스상의 pivot을 설정하고
  • RectTransform의 Anchors를 화면의 특정 위치를 지정해준 뒤
  • RectTransform의 right, left, down, up을 0 혹은 원하는 위치로 지정하면 대부분의 해상도에 대응이 가능하다.

드디어 무한 해상도 지옥에서 해방 된 기분이다
이전에 동적 UI 할당을 하느랴고 미련한 짓을 한 적이 있었는데 굉장히 큰 쾌거인 것 같다.

profile
C# 클라이언트 프로그래밍 지망

0개의 댓글