Translations:UIX/23/ko

1. Canvas(Layout이든 뭐든) 구성요소가 지정된 슬롯 아래에 새로운 슬롯을 추가합니다. 방금 추가한 슬롯을 앞으로 버튼이라고 칭하겠습니다.
2. 방금 추가한 슬롯에서 Attach Component > UIX > Graphics > Image를 선택하여 추가합니다. 여기서 이미지 색조(Tint 속성)를 변경하여 버튼의 기본 색상을 선택할 수 있습니다.
3. 또 다른 구성요소인 RectTransform의 AnchorMin와 AnchorMax로 버튼의 크기를 결정합니다. 이것을 설정하면 부모 슬롯의 RectTransform을 기준으로, 버튼의 크기와 위치를 정의할 수 있습니다.
   • AnchorMin (x,y) 속성은 좌측 하단의 좌표를 지정합니다. 0이 0%고 1이 100% 입니다.
   • AnchorMax (x,y) 속성은 우측 상단의 좌표를 지정합니다. 마찬가지로, 0이 0%고 1이 100%입니다.
   • 예를들어, 상하좌우로 5%의 여백을 두고 싶다면, AnchorMin과 AnchorMax의 값을 각각 X:0.05, Y:0.05와 X: 0.95, Y:0.95로 지정하는 식입니다.
4. 마찬가지로 동일한 슬롯에서 Attach Component > UIX > Interaction > Button을 클릭합니다. 이미지의 Tint값에 따라 Button 구성요소의 상태별 색상이 자동으로 결정됩니다. (변경가능)
5. 이제 버튼에 문자열을 추가하겠습니다.
   1. 버튼 슬롯에 새로운 자식 슬롯을 하나 생성합니다. 이것은 앞으로 텍스트라고 칭하겠습니다.
   2. 텍스트 슬롯에서 Attach Component > UIX > Graphics > Text을 차례대로 더블클릭하여 구성요소를 추가 합니다.
   3. 추가되 구성요소에 원하는 글자들을 입력하세요.
   4. 하위에 속한 속성들도 수정합니다. 특히, font size는 기본값이 생각보다 클 수 있으므로, 아주 작게 설정해보세요.
6. 이제 버튼 슬롯의 Button 구성요소의 인터페이스를 로직스 팁으로 추출하여, Button Events 노드 node에 연계하여 사용하실 수 있습니다.