[C#/WINUI3/.NET8] LinedFlowLayout 엘리먼트 : LineHeight/LineSpacing/MinItemSpacing/ItemsStretch 속성 사용하기

■ LinedFlowLayout 엘리먼트의 LineHeight/LineSpacing/MinItemSpacing/ItemsStretch 속성을 사용하는 방법을 보여준다.

• 래핑하는 레이아웃에서 LinedFlowLayout은 요소를 왼쪽에서 오른쪽으로 순차적으로 배치한 다음 위쪽에서 아래쪽으로 배치한다.
• 높이가 고정되어 있지만 너비가 가변적인 항목이 있는 항목 컬렉션을 표시하려면 이 레이아웃을 사용한다.
• 이미지 기반 컬렉션에 사용하는 것이 좋다.
• 또한 컬렉션에 항목이 추가되거나 제거된 경우와 보기 크기가 조정될 때 재생되는 빌트인 애니메이션이 이 레이아웃에 있다.

▶ 예제 코드 (XAML)


<ItemsView
    HorizontalAlignment="Center"
    VerticalAlignment="Center"
    Width="400"
    Height="400">
    <ItemsView.Layout>
        <LinedFlowLayout
            LineHeight="160"
            LineSpacing="10"
            MinItemSpacing="10"
            ItemsStretch="Fill" />
    </ItemsView.Layout>
</ItemsView>

<ItemsView

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="400"

Height="400">

<ItemsView.Layout>

<LinedFlowLayout

LineHeight="160"

LineSpacing="10"

MinItemSpacing="10"

ItemsStretch="Fill" />

</ItemsView.Layout>

</ItemsView>