[C#/WINUI3/.NET8] SwipeControl 엘리먼트 : LeftItems 속성을 사용해 스와이프 항목 표시하기

■ SwipeControl 엘리먼트의 LeftItems 속성을 사용해 스와이프 항목을 표시하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <SwipeControl
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <SwipeControl.LeftItems>
            <SwipeItems>
                <SwipeItem Text="Pin">
                    <SwipeItem.IconSource>
                        <SymbolIconSource Symbol="Pin" />
                    </SwipeItem.IconSource>
                </SwipeItem>
            </SwipeItems>
        </SwipeControl.LeftItems>
        <Border
            Width="180"
            Height="44"
            BorderThickness="1"
            BorderBrush="Black">
            <TextBlock
                Margin="5 10 0 0"
                Text="Swipe to Pin" />
        </Border>
    </SwipeControl>
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<SwipeControl

HorizontalAlignment="Center"

VerticalAlignment="Center">

<SwipeControl.LeftItems>

<SwipeItem.IconSource>

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.LeftItems>

<Border

Width="180"

Height="44"

BorderThickness="1"

BorderBrush="Black">

<TextBlock

Margin="5 10 0 0"

Text="Swipe to Pin" />

</Border>

</SwipeControl>

</Page>