UI 개체의 기본 크기 조정 외에도, 크기 수정자를 사용하여 개체를 비례적으로 크기를 조정하거나 자동으로 크기를 조정할 수 있습니다.Alongside basic sizing of UI objects, you can utilize size modifiers to scale an object proportionally or automatically resize it.또한 크기 제한을 삽입하여 측면 비율 을 제어하거나 최소 및 최대 크기 나 텍스트 크기 를 설정할 수도 있습니다.
규모
A 개체는 부모의 속성을 곱하는 숫자 값을 저장합니다.예를 들어, 현재 크기의 두 배가 되는 개체를 원한다면 UIScale 속성의 Scale 개체를 삽입할 수 있습니다.For example, if you want an object to be twice as large as it currently is, you can insert a object with a property of 2 .
이 모디파이어는 Studio에서 상세한 사용자 인터페이스를 디자인할 때 "확대"하는 데 유용하며, 비례적으로 개체와 모든 자식, 적용된 모양 모디파이어 또는 모양 모디파이어와 같은 모든 자식을 확장합니다.예를 들어, 플레이어가 버튼 위로 마우스를 이동할 때 약간 크기를 늘리는 것과 같이 개체의 크기를 중간 조정하는 것도 유용합니다
자동 크기 조정
AutomaticSize 속성은 부모 GuiObject 를 자식의 크기로 자동으로 조정합니다.다음과 같은 다양한 경우에 이 속성을 사용할 수 있습니다.
- 사용자가 텍스트를 입력하도록 허용하여TextBox 내에서 텍스트의 크기를 자동으로 조정하고, 입력된 텍스트의 양에 따라 조정합니다.
- 글꼴 유형과 크기를 포함하여 텍스트 개체의 크기를 자동으로 조정하는 풍부한 텍스트 마크업을 사용하여 자동으로 크기를 조정합니다.
모든 AutomaticSize에 대해 GuiObject 속성을 활성화할 수 있습니다.기본적으로 값은 으로 설정되지만, 해당 값을 변경하여 콘텐츠를 조정하는 방향(들)을 특정할 수 있습니다.
ScrollingFrame 은 속성 AutomaticCanvasSize 대신 AutomaticSize 을 사용합니다.동일한 동작을 수행하지만 프레임의 CanvasSize 를 재설정하고 기본 Size 를 유지합니다.
자동 크기 조정을 활성화하려면:
탐색기 창에서 탐색기 창에서 어떤 , 또는 을 클릭하십시오.
속성 창에서AutomaticSize (AutomaticCanvasSize 에 대한 ScrollingFrame) 을 탐색하고 다음 옵션 중 하나로 설정합니다:
자동 크기 조정이 설정되면 다른 개체 속성이 다음과 같이 동작한다는 점에 유의하십시오:
개체의 크기 조정 개념과 마찬가지로, AutomaticSize는 콘텐츠를 재설정할 때 AnchorPoint 속성을 고려합니다.예를 들어 다음 비디오는 앵커 지점에서 자동으로 크기를 조정하는 세 가지 TextLabels를 표시합니다.
- 상위 레이블에는 AnchorPoint 값의 (0, 0.5) 가 있으며, 이는 왼쪽 중앙에 고정합니다.
- 중간 레이블에는 AnchorPoint 값의 (0.5, 0.5) 가 있으며, 이는 중앙에 고정시킵니다.
- 하단 레이블에는 오른쪽 중앙에 고정되는 AnchorPoint 값의 (1, 0.5) 가 있으며, 이는 오른쪽 중앙에 고정됩니다.
제약 조건
사용자 인터페이스 개체에 사용할 수 있는 제약 조건의 세 가지 유형이 있습니다: 크기 , 텍스트 크기 , 그리고 비율 .제약 조건을 사용하려면 제약 조건을 사용하려는 자식 으로 GuiObject해야 합니다.
크기
The UISizeConstraint 는 최소 및 최대 크기를 지정합니다 GuiObject 에 대한 .이 제약 조건은 GuiObject 가 다른 화면 크기에서 너무 작거나 크지 않도록 보장합니다.
예를 들어, 속성을 및 속성을 으로, 는 200×200픽셀보다 작거나 400×400픽셀보다 큰 크기로 확장할 수 없습니다.
UI 개체가 레이아웃 구조(예: UIListLayout 및 UISizeConstraint)와 컨트롤 구조(예: **** )의 모두 아래에 있을 때, 제약 조건이 레이아웃을 재정의하고 개체의 크기를 제어합니다.
문자 크기
The UITextSizeConstraint 은 텍스트가 있는 GuiObject 에 대한 최소 및 최대 글꼴 크기를 지정합니다, 예를 들어 TextLabel, TextButton, 또는 TextBox.이 제약 조건은 텍스트 내의 GuiObject 가 읽기 불가능하거나 너무 커지지 않도록 보장합니다.
부모의 속성을 활성화하면 텍스트 크기가 컨테이너의 크기와 함께 확장되고 개체가 및 값보다 작거나 큰 경우에도 제약 조건을 준수합니다.
예를 들어, 다음 TextLabel 개체에는 UITextSizeConstraint 값의 MinTextSize 및 MaxTextSize 값의 50 및 80 가 있습니다.심지어 더 작아지더라도 TextLabel 글꼴은 50픽셀보다 작아지지 않으며, 개체가 커지면 글꼴은 다음으로 80픽셀을 초과합니다.
MinTextSize 속성 값을 9보다 낮게 사용하지 마십시오. 그렇지 않으면 많은 뷰어에서 텍스트를 읽기가 어려울 것입니다.
측면 비율
The 는 코어 크기가 부모의 백분율로 설정되었더라도 상관없이 코어 크기에 대한 너비‑높이 비율을 강제로 적용합니다.Even if that size is set as a percentage of its parent.예를 들어, 이 제약 조건을 Frame 의 자식으로 삽입하고 제약 조건의 AspectRatio 속성을 2 ( 2:1 )로 설정하면 프레임의 너비가 높이의 두 배로 유지됩니다.마찬가지로, 이 제약 조건의 AspectRatio 속성을 0.5 ( 0.5:1 )로 설정하면 프레임의 너비가 높이의 절반을 유지됩니다.
이 제약 조건의 를 ( )의 기본값으로 설정하는 것은 아바타 썸네일과 같이 비례적으로 확장되지 않는 스케일링/스트레칭을 방지하는 편리한 방법입니다.
UI 개체가 레이아웃 구조(예: UIListLayout 및 UIAspectRatioConstraint)와 컨트롤 구조(예: **** )의 모두 아래에 있을 때, 제약 조건이 레이아웃을 재정의하고 개체의 크기를 제어합니다.