Gameplay Ability System - Top Down RPG / Section 8-15

Attribute Menu - Text Value Button Row

기존 Text Vlaue Row를 기반으로 새 위젯 블루프린트를 생성해주자.

텍스트 + Vlaue 표시 기능은 유지하고, Named Slot에 Button 기능을 삽입할 것이다.

 

해당 위젯을 열어보면, Named Slot을 제외한 나머지 부모 위젯 요소들은 보이지도 않고 수정도 불가능하다.

오직 Named Slot만이 새로운 UI 요소를 추가할 수 있는 공간으로서 작용한다.

먼저 마찬가지로 여러 이미지를 겹칠 것이기에 Overlay를 먼저 추가한 이후에 버튼의 경계용 이미지도 할당해주자.

 

그리고 이어서 Button을 추가해준다.

Button에는 다음과 같이 4가지 형태가 존재하며, 이에 맞게 이미지를 할당해주어야 한다.

Normal : 기본 형태
Hovered : 버튼에 마우스를 올린 상태 
Pressed : 버튼을 누른 상태 
Disabled : 비활성화 상태

 

그리고 Normal 형태의 경우 버튼의 형태가 기본값으로 Rounded Box로 모서리가 동그란 형태인데, 이를 사각 형태로 보이도록 Image로 수정하였다.

 

마지막으로 버튼이 무슨 역할인지 알 수 있도록 간단한 텍스르를 넣어줄 것이다.

여기서는 속성 값을 증가시키는 역할을 하는 버튼이기에, 간단히 + 글자를 작성해주었다.

 

추가로 기존의 Horizotal/Vertical Aligment 뿐만 아니라, Justification 도 Center로 해주었다.

Aligment의 기능은 텍스트 위젯(박스) 자체를 어디에 놓을까에 해당하여, 텍스트 박스 자체의 위치를 정렬한다.

하지만, Justification의 경우 텍스트 박스 안의 글자를 어디에 둘지, 즉 글자 자체의 정렬을 의미한다.

 

텍스트 박스(영역)의 폭은 넓은데 실제 텍스트 길이가 짧으면 글자가 한쪽에 붙어 보일 수 있다.

이때 Justification을 사용하면 텍스트 박스 내부에서 글자의 정렬 위치를 조정하여 정확히 가운데에 위치시킬 수 있다.