👨‍💻 [Unreal] 언리얼 엔진에서 Anchor Medallion 이란 무엇이며, 어떻게 활용할 수 있나요?

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

---

👨‍💻 안녕하세요, 윌리 프로젝트의 윌리 입니다.

언리얼 엔진에서 Anchor Medallion 이란 무엇이며, 어떻게 활용할 수 있는지 간략히 알아보았습니다.

---

질문 >

언리얼 엔진에서 Anchor Medallion 이란 무엇이며, 어떻게 활용할 수 있나요?

답변 >

언리얼 엔진에서 Anchor Medallion은 UMG(Unreal Motion Graphics) 캔버스 패널에서 앵커(Anchor)의 위치를 시각적으로 나타내는 드래그 가능한 조작 핸들입니다. 이는 UMG 위젯 디자인 시, 화면 크기와 비율에 따라 UI 요소를 동적으로 배치할 수 있도록 도와주는 시각적 도구입니다.

---

1. Anchor Medallion의 개념

• 역할:
  • UI 요소의 앵커를 설정하고 조정하는 데 사용.
  • 캔버스 패널 내에서 UI 요소가 고정될 기준점을 나타냄.
• 위치와 크기 제어:
  • UI 요소의 위치와 크기를 화면의 특정 영역(상단, 하단, 중앙 등)에 고정하거나 상대적으로 설정.

---

2. Anchor Medallion의 구성 요소

1. 중심 핸들:
   • Medallion의 중심에 있는 핸들로 앵커의 위치를 드래그하여 변경.
2. 사각형 프레임:
   • 앵커의 크기와 위치를 나타냄. UI 요소의 확장 영역을 설정할 수 있음.

---

3. Anchor Medallion의 설정 방법

(1) Medallion 이동

1. 위젯 선택:
   • 캔버스 패널에 배치된 UI 요소를 클릭.
2. Medallion 드래그:
   • 화면에 나타나는 앵커 Medallion을 드래그하여 원하는 위치로 이동.
   • 예: 화면 상단 중앙으로 이동하면 해당 UI 요소는 화면 상단 중앙에 고정.

(2) Details 패널에서 값 변경

1. Anchors 속성:
   • UI 요소를 선택한 뒤 Details 패널에서 Anchors 값을 수정.
   • 값 범위: (0,0) ~ (1,1).
     • (0,0): 화면의 왼쪽 상단.
     • (1,1): 화면의 오른쪽 하단.
     • (0.5,0.5): 화면의 정중앙.

---

4. Anchor Medallion의 활용 사례

(1) 다양한 해상도에 대응

• 앵커 Medallion을 사용하면 UI 요소가 화면 크기 변화에 따라 올바르게 배치되도록 설정 가능.
• 예:
  • 앵커를 화면 상단에 설정 → 상단바가 항상 화면 상단에 유지.
  • 앵커를 좌측 하단으로 설정 → 좌측 하단 버튼 고정.

(2) 상대적 배치

• UI 요소가 특정 화면 영역을 기준으로 크기와 위치를 동적으로 변경.
• 예:
  • 화면 중심에 텍스트를 배치하면서 다양한 해상도에 맞게 위치를 조정.

---

5. 고급 활용

(1) 동적 앵커 조정

• 게임 중 C++ 또는 블루프린트를 통해 앵커를 동적으로 변경 가능.
• 예: 화면 모드 전환(전체 화면 ↔ 창 모드)에 따라 UI 위치를 조정.

C++ 코드 예제:

UCanvasPanelSlot* CanvasSlot = Cast<UCanvasPanelSlot>(MyWidget->Slot);
if (CanvasSlot)
{
    // 새로운 앵커 설정
    CanvasSlot->SetAnchors(FAnchors(0.25f, 0.25f, 0.75f, 0.75f)); // 중앙에 고정
    CanvasSlot->SetOffsets(FMargin(0.f, 0.f, 100.f, 50.f)); // 오프셋 설정
}

(2) 애니메이션과 결합

• Medallion의 위치와 오프셋을 애니메이션과 결합하여 UI의 동적 이동 구현.
• 예:
  • 화면 상단에서 중앙으로 텍스트 이동.

---

6. Anchor Medallion 사용 시 유의점

1. Canvas Panel 제한:
   • Medallion은 캔버스 패널(Canvas Panel) 안에서만 동작.
2. 정확한 설정 필요:
   • 잘못된 앵커 설정은 해상도 변화 시 UI 요소가 엉뚱한 위치에 나타날 수 있음.
3. 다양한 해상도 테스트:
   • Screen Size Preview를 사용해 다양한 화면 크기와 비율에서 UI 배치를 확인.

---

7. Anchor Medallion의 장점

1. 시각적 편리함:
   • UI 배치를 직관적으로 설정 가능.
2. 유연한 배치:
   • 해상도와 화면 비율 변화에 따른 동적 UI 배치 지원.
3. 쉽게 수정 가능:
   • 드래그 앤 드롭으로 간단히 재설정.

---

8. 결론

Anchor Medallion은 언리얼 엔진의 UMG에서 UI 요소를 유연하고 해상도에 독립적으로 배치할 수 있도록 도와주는 강력한 도구입니다. 이를 활용하면 다양한 디바이스와 화면 비율에서 일관된 UI 경험을 제공할 수 있으며, 동적인 UI 레이아웃을 손쉽게 구현할 수 있습니다. Canvas Panel에서 UI를 설계할 때 필수적인 기능으로 활용 가치가 매우 높습니다.

---

---

🎬 유튜브 채널 🎬

위로그@WiLog

🎬 치지직 채널 🎬

위로그 채널 - CHZZK

---