부모 컨테이너 내의 가로 행이나 세로 열에서 UIListLayout 위치 형제 GuiObjects 를 가로로 배치하거나 세로로 배치합니다.형제 개체를 추가하거나 제거할 때마다 레이아웃이 해당 방식으로 조정됩니다.
를 삽입하면 모든 형제 UI 개체의 , 및/또는 속성이 재정의되거나 영향을 받으므로 속성 변경이 속성 창 또는 스크립트 내에서 발생하지 않습니다.
방향 채우기
FillDirection 속성은 목록 레이아웃의 형제가 렌더링될 방향을 결정합니다.
순서는 각 아이템정수 값에 따라 상승하는 숫자 또는 알파벳 숫자 를 기반으로 레이아웃의 속성에 의해 결정됩니다. 또는 아이템기호 숫자 를 기반으로 합니다.
가로 목록에서 오른쪽에서 왼쪽으로 정렬과 같은 요소를 되돌리려면 정렬을 되돌려야 합니다.예를 들어, 네 개의 아이템이 LayoutOrder 의 0 , 1 , 2 , 3 에 의해 주문되는 경우, 각 값을 부정하여 주문의 0 , -1 , -2 , -3 을 형성합니다.
정렬
HorizontalAlignment 및 VerticalAlignment 속성은 리스트의 형제들이 서로 및 리스트의 전체 경계 내에서 상대적인 X 및 Y 배열을 결정합니다.예를 들어, 가로로 채워진 목록에 VerticalAlignment 의 Center 중앙 정렬은 목록의 형제들을 서로 중앙 정렬하고 및 목록을 수직으로 컨테이너에 배치합니다.
및 는 컨테이너의 전체 경계에 동일한 정렬을 적용하지 않고 아이템 줄 배열을 맞출 수 있는 탄력적 레이아웃에서 약간 다르며, 목록의 전체 경계에 동일한 정렬을 적용하지 않고 아이템을 동일한 줄에 맞출 수 있습니다.
포장
부모 컨테이너 내의 형제가 기본 크기가 컨테이너의 경계 너비/높이를 초과하면 다른 줄에 래핑되는지 여부를 결정하는 Wraps 부울 컨트롤.
패딩
속성은 각 목록 아이템사이의 공백 양 을 확장(현재 방향의 컨테이너 크기 백분율) 또는 오프셋(픽셀 크기와 유사한 정적 간격 값)으로 설정합니다.
이 속성은 목록의 전체 경계에 패딩을 적용하지 않으며, 부모의 내용에 위쪽, 아래쪽, 왼쪽 및/또는 오른쪽 패딩을 적용하려면 를 참조하십시오.
유연한 레이아웃
탄력성을 통합하여 동일하게 채우거나 배포하거나 평준화하거나 길을 따라 스트레칭하거나 변수 공간에서 유연 특정 항목을 배치하거나 변수 공간에서 스트레칭 특정 항목을 배치하는 강력한 방법입니다.
팩스는 강력한 도구이지만, 목적 없이 레이아웃을 조정하거나 유연한 항목을 동적으로 추가/제거할 때 비팩스보다 약간의 성능 비용이 추가되므로 목적 없이 적용하면 안됩니다.While flex is a powerful tool, you should not apply it to a UIListLayout without purpose, as it adds a slight performance cost above non‑flex, especially when resizing the layout or dynamically adding/removing flex items.
또한, 아이템이 모두 X 및 Y 방향의 그리드에 엄격하게 맞춰야 할 경우 그리드 레이아웃이 일관된 셀 크기를 강제하는 반면, 유연 레이아웃은 줄당 변수 수의 항목을 사용할 수 있기 때문에 그리드 레이아웃보다 선호될 수 있습니다.
평등한 채우기 또는 분배
목록 레이아웃의 채우기 방향이 Horizontal 설정되면 HorizontalFlex이 부모 컨테이너에서 추가 수평 공간을 분배하는 방법을 지정합니다.마찬가지로, 채우기 방향이 Vertical 로 설정되면 VerticalFlex 속성이 추가 수직 공간을 분배하는 방법을 지정합니다.
HorizontalFlex의 실용적인 사용 중 하나는 탭 바를 똑같이 채우는 탭 창 인터페이스 이며, 탭 수에 관계없이 유연성이 채워집니다.이 경우 개발자 정의 너비 설정 없이 각 탭의 너비를 자동으로 계산하고 탭 수가 변경되면 자동으로 조정하므로 어떤 접근 방식도 이보다 쉽지 않습니다.
아이템 라인 정렬
속성은 줄 내에서 형제의 교차 방향 정렬을 정의하여 서로 다른 너비/높이의 개체를 맞추거나 너비/높이가 더 작은 개체를 전체 줄에 채울 수 있도록 합니다.
ItemLineAlignment의 실용적인 사용 사례 중 하나는 일련의 크기가 다른 타일을 늘려 전체 행을 채우는 것입니다(Stretch), 레이아웃을 더 일관되게 만듭니다.
유연한 개별 항목
전체 레이아웃을 펼치는 것은 강력한 유틸리티이지만, 특정 레이아웃은 개별 항목 펼치기에 더 적합합니다 개별 항목 펼치기 .이러한 레이아웃에서 목록의 일부 요소는 핵심 크기를 유지하고 다른 항목은 변수 공간을 채우기 위해 유연하게 확장됩니다.하나의 실용적인 사용은 양쪽 끝에 균일한 레이블을 가진 슬라이더 바 위젯과 중간 너비 전체를 채우는 유연한 슬라이더 바입니다.
특정 목록 항목을 유연하게 설정하려면 유연한 아이템자식으로 UIFlexItem 를 삽입한 다음 해당 FlexMode 속성을 Fill , Grow , Shrink 또는 Custom 으로 설정하십시오.
