UIListLayout

사용되지 않는 항목 표시

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

A UIListLayout 위치 형제 UI 요소 행 또는 열 내에 있는 부모 UI 컨테이너에

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

형제의 순서를 제어하려면 SortOrderEnum.SortOrder.Name

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

형제 사이의 패딩은 Padding 속성으로 제어되며, 부모 컨테이너의 범위 내에 래핑하여 제어합니다. 형제 사이의 맞춤형 컨테이너

유연 사용 목록 레이아웃 을 사용하는 경우 추가 계산이 필요하여 유연 기본 크기, 유연 크기 및 라인 감싼 크기를 계산하기 위해 특수 계산이 필요합니다. 유연은 UIListLayout에서 다음 속성이

  • HorizontalFlex 및/또는 VerticalFlex아님 설정되지 않습니다.
  • ItemLineAlignment 은 이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이 아님이
  • Wrapstrue 입니다.

요약

속성

속성UIGridStyleLayout에서 상속되었습니다

속성

HorizontalFlex

병렬 읽기

목록 레이아웃의 FillDirectionEnum.FillDirection.Horizontal로 설정되면 HorizontalFlex 속성은 부모 컨테이너에 추가 수직 공간을 배분하는 방법을 지정합니다.


<tbody>
<tr>
<td><code>음수 정렬 없음|없음</code></td>
<td>유연성 동작 없음; 형제는 정의된 너비를 유지합니다.</td>
</tr>
<tr>
<td><code>열거형.UIFlexAlignment.Fill|Fill</code></td>
<td>형제는 가로로 확장되어 전체 부모 컨테이너를 채우고 정의된 너비를 초과합니다. 형제의 수는 행 내에서 3개만 변경됩니다. 예를 들어, <code>음수열.UIFlexAlignment.None|None</code> 설정에 따라 컨테이너의 너비 아래에 있는 3개의 형제는 전체 너비를 채우고 형제는 전체 너비를 채</td>
</tr>
<tr>
<td><code>열거형.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>형제는 정의된 너비를 유지합니다. 형제 간의 공간이 동일하게 추가됩니다.</td>
</tr>
<tr>
<td><code>열거형.UIFlexRotation.SpaceBetween|SpaceBetween</code></td>
<td>형제는 정의된 너비를 유지합니다. 형제 사이에 동일한 간격이 추가되지만 형제 사이에는 추가 공간이 추가되지 않습니다.</td>
</tr>
<tr>
<td><code>열거형.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>형제는 정의된 너비를 유지합니다. 형제 간의 공간이 동일하게 추가됩니다 <b>사이에</b> 및 <b>주위에</b> 형제.</td>
</tr>
</tbody>
설정형제 동작
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
교차 방향 동작

垂直 목록 레이아웃(Class.UIListLayout.FillDirection|FillDirection 설정을 FillDirection 속성으로 변경하면 수직 스페이스 배포를 수직

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
자동 크기 조정

Class.UIListLayout.FillDirection|FillDirection 의 자식에 대해 UIListLayout 가 활성화되면 크기 조정 기반이 자동으로 정의되고 FillDirection 에서 자식이 성장하거나 축소될 수 있습니다.

Class.UIListLayout의 자식에 대해 UIListLayout가 활성화되면 크로스 방향에서 모든 자식 콘텐츠를 포함하도록 최소 크기를 정의하고 크로스 방향에서 모든 자식을 포함하도록 최대 크기를 정의합니다.

ItemLineAlignment

병렬 읽기

In a 탄력 레이아웃 , define the 쌍방향 정렬 의 형제 내에서 형제의 정렬을 정의합니다. 시각적 예시는 Enum.ItemLineAlignment 을 참조하십시오.


<tbody>
<tr>
<td><code>열 정렬 자동|자동</code></td>
<td>레이아웃의 형제 또는 특정 <code>Class.UIFlexItem</code> 부모를 레이아웃의 <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> 또는 <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code> 에 맞춥니다. 레이아웃의 1>Class.UIListLayout.FillDirection|FillDirection1> 에 따라 필요합니다.</td>
</tr>
<tr>
<td><code>열 항목 맞춤 시작 | 시작</code></td>
<td>레이아웃의 형제 또는 특정 <code>Class.UIFlexItem</code> 부모를 가로 채우거나 세로 채우에 줄의 상단에 있는 경우 또는 가로 채우에 있는 세로 채우에 있는 경우에 줄의 왼쪽에 있는 경우에 맞춥니다.</td>
</tr>
<tr>
<td><code>열 정렬 중심|센터</code></td>
<td>수직 또는 가로 채우기에 대해 레이아웃의 형제 또는 특정 <code>Class.UIFlexItem</code> 부모를 센터에 맞춥니다.</td>
</tr>
<tr>
<td><code>열 항목 정렬 결束|결束</code></td>
<td>레이아웃의 형제 또는 특정 <code>Class.UIFlexItem</code> 부모를 가로 채우거나 세로 채우에 따라 라인의 <b>아래</b> 줄에 맞춥니다.</td>
</tr>
<tr>
<td><code>열 정렬 유연성 확장 | 확장</code></td>
<td>수직 또는 가로 채우기 모드에서 전체 줄의 방향을 채우려면 레이아웃의 형제나 특정 <code>Class.UIFlexItem</code> 부모를 확장합니다.</td>
</tr>
</tbody>
설정형제 동작
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

병렬 읽기

각 요소 간의 공간 크기를 조정하는 크기 조정(백분율 또는 고정 크기 조정) 또는 오프셋(静電位치 크기 조정과 유사한 오프셋)을 설정합니다.

병렬 읽기

목록 레이아웃의 FillDirectionEnum.FillDirection.Vertical로 설정되면 VerticalFlex 속성은 부모 컨테이너에 추가 vert직 공간을 배분하는 방법을 지정합니다.


<tbody>
<tr>
<td><code>음수 정렬 없음|없음</code></td>
<td>유연성 동작 없음. 형제는 정의된 높이를 유지합니다.</td>
</tr>
<tr>
<td><code>열거형.UIFlexAlignment.Fill|Fill</code></td>
<td>형제는 가로 방향으로 크기를 조정하여 전체 부모 컨테이너를 채우고 정의된 높이를 재정의합니다. 형제의 수는 열에서 변경되지 않습니다. 예를 들어, 설정형제가 가로 방향으로 3개 정도 맞춤형 높이를 재정의하면 형제의 수가 전체 높이를 채우</td>
</tr>
<tr>
<td><code>열거형.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>형제는 정의된 높이를 유지합니다. 형제 간의 공간이 동일하게 추가됩니다.</td>
</tr>
<tr>
<td><code>열거형.UIFlexRotation.SpaceBetween|SpaceBetween</code></td>
<td>형제는 정의된 높이를 유지합니다. 형제 사이의 공간이 같습니다 중간에, 형제 사이의 공간이 추가되지 않습니다 주위에.</td>
</tr>
<tr>
<td><code>열거형.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>형제는 정의된 높이를 유지합니다. 형제 사이에 동일한 간격이 추가됩니다. 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경우 형제 사이에 형제가 있는 경</td>
</tr>
</tbody>
설정형제 동작
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
교차 방향 동작

In horizontal 목록 레이아웃( FillDirectionEnum.FillDirection.Horizontal 으로 설정), 1> VerticalF

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
자동 크기 조정

Class.UIListLayout.FillDirection|FillDirection 의 자식에 대해 UIListLayout 가 활성화되면 크기 조정 기반이 자동으로 정의되고 FillDirection 에서 자식이 성장하거나 축소될 수 있습니다.

Class.UIListLayout의 자식에 대해 UIListLayout가 활성화되면 크로스 방향에서 모든 자식 콘텐츠를 포함하도록 최소 크기를 정의하고 크로스 방향에서 모든 자식을 포함하도록 최대 크기를 정의합니다.

Wraps

병렬 읽기

자식이 컨테이너의 경계 너비/높이를 초과하면 자식 컨테이너 래핑 내에서 다른 줄로 컨트롤합니다.Controls whether siblings within the parent container wrap to another line when their default size exceeds the width/height of the container's boundaries.

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

메서드

이벤트