[WinUI 3][FlipView] 垂直方向に閲覧できるようにする

FlipView に表示するアイテムの閲覧方向は、通常横方向です。

この記事では FlipView の閲覧を垂直方向にする方法について説明をします。

公式サイト情報はコチラを参照してください。

環境

垂直方向に閲覧する

垂直方向に閲覧をできるようにするには、<FlipView.ItemsPanel> の中で、縦方向のスタックパネルを使用します。

以下は XAML で FlipView を垂直方法に閲覧できるようにする例です。

XAML の例

<Window
    x:Class="WinUISample.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:WinUISample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <StackPanel x:Name="myStackPanel" Orientation="Vertical" HorizontalAlignment="Center">

        <FlipView x:Name="myFlipView">
            <FlipView.ItemsPanel>
                <ItemsPanelTemplate>
                    <VirtualizingStackPanel Orientation="Vertical"/>
                </ItemsPanelTemplate>
            </FlipView.ItemsPanel>
            
            <Image Source="Assets/image01.png" />
            <Image Source="Assets/image02.png" />
            <Image Source="Assets/image03.png" />
        </FlipView>


    </StackPanel>
</Window>

WinUi Tips

本サイトでまとめている WinUI Tips の一覧はこちらから確認できます。

Please follow and like us: