크기 수정자 및 제약 조건

기본 크기 조정 외에도 UI 객체의 크기 수정기를 활용하여 객체를 비례적으로 확대(scale)하거나 자동으로 크기 조정할 수 있습니다. 또한 종횡비를 제어하거나 최소 및 최대 크기 또는 텍스트 크기를 설정하기 위해 크기 제약 조건을 삽입할 수 있습니다.

확대

UIScale 객체는 부모 GuiObject의 AbsoluteSize 속성에 곱해지는 숫자 값을 저장합니다. 예를 들어, 객체의 크기를 현재의 두 배로 만들고 싶다면 UIScale 객체를 삽입하고 Scale 속성을 2로 설정할 수 있습니다.

이 수정자는 Studio에서 자세한 사용자 인터페이스를 디자인할 때 "줌인"하는 데 유용합니다. 왜냐하면 객체와 그 자식들 모두를 비례적으로 크기 조정하기 때문입니다. 여기에는 UIStroke 또는 UICorner와 같은 적용된 모양 수정자가 포함됩니다. 또한, 플레이어가 마우스를 버튼 위에 올릴 때 버튼의 크기를 약간 증가시키는 등 객체의 크기를 트윈하는 데도 유용합니다.

자동 크기 조정

AutomaticSize 속성은 부모 GuiObject의 자식 내용물의 크기에 따라 자동으로 크기를 조정합니다. 이 속성은 다음과 같은 다양한 경우에 사용할 수 있습니다:

• 여러 언어로 현지화된 텍스트에 맞게 GuiObject를 확장합니다.
• 사용자가 TextBox 내에서 텍스트 입력할 수 있게 하여 입력된 텍스트 양에 따라 자동으로 크기를 조정합니다.
• 글꼴 유형 및 크기를 포함하여 리치 텍스트 마크업을 사용하는 텍스트 객체의 크기를 자동으로 조정합니다.

어떤 GuiObject에 대해서도 AutomaticSize 속성을 활성화할 수 있습니다. 기본적으로 이 속성은 None으로 설정되어 있지만, GuiObject가 내용물에 맞게 크기를 조정할 수 있는 특정 방향을 관리할 수 있도록 값을 변경할 수 있습니다.

자동 크기 조정을 활성화하려면:

1. Explorer 창에서 Frame, TextBox 또는 ImageLabel과 같은 GuiObject를 클릭합니다.

2. Properties 창에서 AutomaticSize 속성(ScrollingFrame의 경우 AutomaticCanvasSize)으로 가서 다음 옵션 중 하나로 설정합니다:

   • X — 내용을 수평으로 크기 조정합니다.
   • Y — 내용을 수직으로 크기 조정합니다.
   • XY — 내용을 수평 및 수직으로 크기 조정합니다.

   

자동 크기 조정이 설정되면 다른 객체 속성은 다음과 같이 작동합니다:

객체의 크기 조정 개념과 유사하게, AutomaticSize는 내용을 크기 조정할 때 AnchorPoint 속성을 고려합니다. 예를 들어, 다음 비디오는 기준점에서 자동으로 크기 조정되는 세 개의 TextLabels를 표시합니다.

• 상단 레이블은 AnchorPoint 값이 (0, 0.5)로 왼쪽 중앙에 고정됩니다.
• 중간 레이블은 AnchorPoint 값이 (0.5, 0.5)로 중앙에 고정됩니다.
• 하단 레이블은 AnchorPoint 값이 (1, 0.5)로 오른쪽 중앙에 고정됩니다.

제약 조건

사용자 인터페이스 객체에 대해 사용할 수 있는 세 가지 유형의 제약 조건이 있습니다: 크기, 텍스트 크기 및 종횡비. 제약 조건을 사용하려면 제약하려는 GuiObject의 자식으로 설정해야 합니다.

크기

UISizeConstraint은 GuiObject의 최소 및 최대 크기를 지정합니다. 이 제약 조건은 GuiObject가 다양한 화면 크기에서 너무 작거나 커지지 않도록 보장합니다.

예를 들어, MinSize 속성을 (200, 200)로 설정하고 MaxSize 속성을 (400, 400)로 설정하면 GuiObject는 200×200 픽셀보다 작거나 400×400 픽셀보다 크게 크기 조정할 수 없습니다.

텍스트 크기

UITextSizeConstraint는 TextLabel, TextButton 또는 TextBox와 같은 텍스트를 가진 GuiObject의 최소 및 최대 글꼴 크기를 지정합니다. 이 제약 조건은 GuiObject 내의 텍스트가 읽기 힘들거나 너무 커지지 않도록 보장합니다.

부모 GuiObject의 TextScaled 속성을 활성화하면 텍스트 크기가 컨테이너의 크기에 따라 조정되며, 객체가 MinTextSize 및 MaxTextSize 값보다 작거나 커지더라도 제약 조건을 준수합니다.

예를 들어, 다음 TextLabel 객체는 UITextSizeConstraint가 있으며 최소 텍스트 크기(MinTextSize)가 50이고 최대 텍스트 크기(MaxTextSize)가 80입니다. TextLabel이 작아지더라도 글꼴은 50픽셀보다 작아지지 않으며, 객체가 커지면 글꼴은 다음에 80픽셀을 초과하지 않습니다.

종횡비

UIAspectRatioConstraint는 GuiObject에 대해 너비 대 높이 종횡비를 적용합니다. 이 제약 조건은 객체의 기본 크기와 관계없이 적용되며, 기본 크기가 부모의 백분율로 설정되더라도 유지됩니다. 예를 들어, Frame의 자식으로 이 제약 조건을 삽입하고 제약 조건의 AspectRatio 속성을 2 (2:1)로 설정하면 프레임의 너비는 높이의 두 배가 됩니다. 비슷하게, 이 제약 조건의 AspectRatio 속성을 0.5 (0.5:1)로 설정하면 프레임의 너비는 높이의 절반이 유지됩니다.

이 제약 조건의 AspectRatio를 기본값인 1 (1:1)로 설정하는 것은 정사각형 이미지 자산을 가진 ImageLabel의 비례적 크기 조정/늘림을 방지하기 위한 편리한 방법입니다. 예를 들어, 아바타 썸네일.