[C#/WINUI3/.NET8] SwipeItems 엘리먼트 : Mode 속성 사용하기

■ SwipeItems 엘리먼트의 Mode 속성을 사용하는 방법을 보여준다.

▶ MainPage.xaml


xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<SwipeControl>
    <SwipeControl.LeftItems>
        <SwipeItems Mode="Reveal">
            <SwipeItem
                Background="Red"
                Text="Delete">
                <SwipeItem.IconSource>
                    <muxc:BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="/IMAGE/powershell.png" />
                </SwipeItem.IconSource>
            </SwipeItem>
        </SwipeItems>
    </SwipeControl.LeftItems>
    <SwipeControl.RightItems>
        <SwipeItems Mode="Execute">
            <SwipeItem
                Background="Green"
                Text="Archive">
                <SwipeItem.IconSource>
                    <muxc:BitmapIconSource
                        ShowAsMonochrome="False"
                        UriSource="/IMAGE/powershell.png" />
                </SwipeItem.IconSource>
            </SwipeItem>
        </SwipeItems>
    </SwipeControl.RightItems>
    <Grid Background="LightGray">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Swipe me left or right" />
    </Grid>
</SwipeControl>

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

<SwipeControl.LeftItems>

<SwipeItem

Background="Red"

Text="Delete">

<SwipeItem.IconSource>

<muxc:BitmapIconSource

ShowAsMonochrome="False"

UriSource="/IMAGE/powershell.png" />

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.LeftItems>

<SwipeControl.RightItems>

<SwipeItem

Background="Green"

Text="Archive">

<SwipeItem.IconSource>

<muxc:BitmapIconSource

ShowAsMonochrome="False"

UriSource="/IMAGE/powershell.png" />

</SwipeItem.IconSource>

</SwipeItem>

</SwipeItems>

</SwipeControl.RightItems>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Swipe me left or right" />

</Grid>

</SwipeControl>