목록 및 유연 레이아웃

*이 콘텐츠는 AI(베타)를 사용해 번역되었으며, 오류가 있을 수 있습니다. 이 페이지를 영어로 보려면 여기를 클릭하세요.

Class.UIListLayout 는 자식 위치를 부모 컨테이너 내의 가로 행 또는 세로 열 내에서 수직 또는 가로 스크롤로 조정합니다. 형제 개체를 추가하거나 제거할 때 레이아웃이 자동으로 조정됩니다.

방향 채우기

Class.UIListLayout.FillDirection|FillDirection 속성은 목록 레이아웃의 형제가 렌더링할 방향을 결정합니다.

UIListLayouts illustrating FillDirection of either horizontal or vertical.

순위는 레이아웃의 SortOrder 속성으로 결정됩니다. 이 속성은 각 아이템 Class.GuiObject.LayoutOrder|LayoutOrder 값 기반로 순위를 올리거나, 아ル파벳 기반으로 LayoutOrder

List layout examples illustrating numerical LayoutOrder sorting or alphanumerical Name sorting.

정렬

Class.UIListLayout.HorizontalAlignment|HorizontalAlignment 및 VerticalAlignment 속성은 각 목록 형제 간의

List layout illustrating VerticalAlignment of Center.

래핑

Class.UIListLayout.Wraps|Wraps 은 자식이 컨테이너의 경계 크기를 초과하면 부모 컨테이너 둘레로 다른 줄로 감싼다는 점에 대한 트리거 컨트롤을 합니다.

Diagram showing how Wraps affects how siblings are distributed within the parent container's bounds.

패딩

속성 Padding 결정 공백 간격 각 목록 아이템사이의 공백 간격, 크기 조정(컨테이너의 크기 현재 방향으로 % 또는 오프셋 설정) 또는 피쳐 크기(픽셀 크기와 비슷한 피쳐 크기 설정)를 설정합니다.

유연 레이아웃

flex를 UIListLayout 에 통합하는 것은 다음과 같은 목적을 위해 동일하게 채우거나 배포하거나 슬라이스 아이템을 맞춤형 항목 으로 정렬하거나 1>유연한 항목1> 을 4>유연한 항목4> 으로 7>배치7>하

동일한 채우기 또는 배포

목록 레이아웃의 채우기 방향이 Horizontal 속성으로 설정되면 HorizontalFlex 속성에 따라 부모 컨테이너에 추가 수

UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.

Class.UIListLayout.HorizontalFlex|HorizontalFlex 의 실용적인 사용은 탭 간의 텀이 동일하게 채워지는 탭 창 인터페이스 입니다. 접근 방식은 개발자 정의 텀 수에 관계없이 모든 텀에 동일하게 적용됩니다. 이 경우 텀 수

항목 정렬

Class.UIListLayout.ItemLineAlignment|ItemLineAlignment 속성은 형제 사이의 교차 방향 정렬을 정의하며, 다른 너비/높이의 개체를 맞추거나 더 작은 너비/높이의 개체를 전체 줄에 채우는 데 사용됩니다.

Examples of options for ItemLineAlignment in a horizontal fill direction.

Class.UIListLayout.ItemLineAlignment|ItemLineAlignment의 실용적인 사용 사례 중 하나는 모든 행을 채우기 위해 일관되지 않는 크기의 타일 시리즈를 스트레치하는 것입니다(Stretch, 레이아웃을 더 유연하게 만듭니다.

다양한 높이의 타일은 불균형하고 높은 배치를 생성합니다.

개별 항목 유연화

전체 레이아웃을 유연하는 것은 강력한 유틸리티지만, 일부 레이아웃은 개별 항목 유연 에 적합합니다. 이러한 레이아웃에서 목록의 일부 요소는 축소 크기를 유지하고 다른 항목은 유연하게 채우는 변수 공간을 채우는 데 필요한 공간을

Example of UIFlexItem applied to a specific GuiObject under control of a UIListLayout.

유연 아이템 항목을 유연 항목의 자식으로 삽입한 다음 UIFlexItem 속성을 FlexMode

Example hierarchy of a UIFlexItem parented to a GuiObject under control of a UIListLayout.