UIListLayout

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

<th>형제 행동</th>
  </tr>
</thead>

<tbody>
  <tr>
    <td><code>Enum.UIFlexAlignment.None|None</code></td>

    <td>유연 동작 없음; 형제는 정의된 너비를 유지합니다.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.Fill|Fill</code></td>

    <td>형제는 가로로 크기를 조정하여 전체 부모 컨테이너를 채우고 정의된 너비를 재정의합니다.행에 있는 형제 수는 변경되지 않으며, 예를 들어 세 형제가 컨테이너의 너비 아래에서 <code>Enum.UIFlexAlignment.None|None</code> 설정에 가로로 맞추면 세 형제의 너비가 채워집니다.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>

    <td>형제는 정의된 너비를 유지합니다. 각 형제의 양쪽에 동일한 간격이 추가됩니다.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>

    <td>형제는 정의된 너비를 유지합니다.동일한 간격이 형제 사이에 추가됩니다 <b></b> 하지만 형제 주위에 추가 공간이 추가되지 않습니다 <b></b>.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>

    <td>형제는 정의된 너비를 유지합니다. 평등한 간격이 형제 사이의 간격과 주위의 간격 사이에 추가됩니다(<b>사이의</b> 및 <b>주위의</b> 형제).</td>
  </tr>
</tbody>

교차 방향 동작

가로 방향 목록 레이아웃( )에서 > 속성은 형제를 가로 방향 교차 방향으로 배포하는 방법을 지정합니다.In vertical list layouts ( set to > ), the > property specifies how to distribute the siblings across the horizontal cross‑direction .이러한 레이아웃에서는 Enum.UIFlexAlignment.Fill 설정으로 형제가 전체 가로 공간을 채우고 세로 공간은 VerticalFlex에 따라 유지됩니다.

자동 크기 상호 작용

가 활성화되어 있으면, 자식 요소의 에서는 "자동 유연 기반"으로 해석되고, 성장하거나 수축할 수 있는 의 크기를 정의합니다.

가 크로스 방향의 자식에 대해 활성화되어 있으면, "자동 크로스 크기"로 해석되고 크로스 방향의 모든 자식 콘텐츠를 포함하기 위한 최소 크기를 정의합니다.

가 유연 레이아웃 에서는 줄 내에서 형제의 가로 방향 정렬을 정의합니다. 시각적 예제는 참조하십시오 .

<th>형제 행동</th>
  </tr>
</thead>

<tbody>
  <tr>
    <td><code>Enum.ItemLineAlignment.Automatic|자동적인</code></td>

    <td>레이아웃의 형제 또는 특정 <code>Class.UIFlexItem</code> 부모를 레이아웃의 <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> 또는 <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code>에 맞춥니다, 클래스의 <code>Class.UIListLayout.FillDirection|FillDirection</code>에 따라 다릅니다.</td>
  </tr>

  <tr>
    <td><code>Enum.ItemLineAlignment.Start|시작</code></td>

    <td>레이아웃의 형제나 특정 Class.UIFlexItem 부모를 가로 채우기의 선 상단이나 세로 채우기의 선 왼쪽에 맞춥니다.</td>
  </tr>

  <tr>
    <td><code>Enum.ItemLineAlignment.Center|Center</code></td>

    <td>레이아웃의 형제나 특정 Class.UIFlexItem 부모를 가로 또는 세로 채우기의 선 중앙에 맞춥니다.</td>
  </tr>

  <tr>
    <td><code>Enum.ItemLineAlignment.End|End</code></td>

    <td>레이아웃의 형제나 특정 Class.UIFlexItem 부모를 가로 채우기 또는 세로 채우기의 줄 아래쪽 또는 줄의 오른쪽에 맞춥니다.</td>
  </tr>

  <tr>
    <td><code>Enum.ItemLineAlignment.Stretch|Stretch</code></td>

    <td>레이아웃의 형제 또는 특정 <code>Class.UIFlexItem</code> 부모가 가로 또는 세로 채우기로 선의 전체 방향을 채우도록 확장합니다.</td>
  </tr>
</tbody>

각 요소 사이의 공백 양을 확인하여 비율(부모의 현재 방향 크기의 백분율) 또는 오프셋(픽셀 크기와 유사한 정적 공백 값)으로 설정합니다.

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

<th>형제 행동</th>
  </tr>
</thead>

<tbody>
  <tr>
    <td><code>Enum.UIFlexAlignment.None|None</code></td>

    <td>유연 동작 없음; 형제는 정의된 높이를 유지합니다.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.Fill|Fill</code></td>

    <td>형제는 전체 부모 컨테이너를 채우기 위해 세로로 크기를 조정하고 정의된 높이를 재정의합니다.열에 형제의 수는 변경되지 않으며, 예를 들어 세 형제가 컨테이너의 높이 아래에서 <code>Enum.UIFlexAlignment.None|None</code> 설정에 맞게 세로로 들어가면 세 형제의 크기가 바뀌어 전체 높이를 채울 것입니다.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>

    <td>형제는 정의된 높이를 유지합니다. 각 형제의 양쪽에 동일한 간격이 추가됩니다.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>

    <td>형제는 정의된 높이를 유지합니다.동일한 간격이 형제 사이에 추가됩니다 <b></b> 하지만 형제 주위에 추가 공간이 추가되지 않습니다 <b></b>.</td>
  </tr>

  <tr>
    <td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>

    <td>형제는 정의된 높이를 유지합니다. 평등한 간격이 형제 사이의 와 사이에 추가됩니다.</td>
  </tr>
</tbody>

교차 방향 동작

가로 목록 레이아웃( )에서는 FillDirection 속성이 가로 방향 교차 방향( )에서 형제를 분배하는 방법을 지정합니다.In horizontal list layouts ( set to ), the VerticalFlex property specifies how to distribute the siblings across the vertical cross direction .이러한 레이아웃에서 Enum.UIFlexAlignment.Fill 의 설정은 가로 간격이 HorizontalFlex 에 준수하면서 형제가 전체 세로 공간을 채우도록 합니다.

자동 크기 상호 작용

가 활성화되어 있으면, 자식 요소의 에서는 "자동 유연 기반"으로 해석되고, 성장하거나 수축할 수 있는 의 크기를 정의합니다.

가 크로스 방향의 자식에 대해 활성화되어 있으면, "자동 크로스 크기"로 해석되고 크로스 방향의 모든 자식 콘텐츠를 포함하기 위한 최소 크기를 정의합니다.

부모 컨테이너 내의 형제가 기본 크기가 컨테이너의 너비/높이를 초과할 때 다른 줄에 감싼지 여부를 제어합니다.