[WinUI 3][Expander] 開閉方向を変更する

この記事では Expander の開閉方向を変更する方法について説明します。

環境

開閉方向を変更する方法

Expander の開閉方向は、既定では下方向になっていますが、ExpandDirection プロパティを使用することで変更することができます。

ExpanderDirection プロパティには、以下に示す ExpandDirection 列挙体の値を指定することができます。既定値は Down です。

以下は、ExpandDirection に Up を設定し、上方向に開閉する例です。
XML の例

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

    <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Expander x:Name="myExpander" Header="News" ExpandDirection="Up">
            <StackPanel>
                <TextBlock Text="雨ニモ負ケズ風ニモ負ケズ" />
                <Button Content="OK"/>
            </StackPanel>
        </Expander>
    </StackPanel>
</Window>

C＃ の例

public MainWindow()
{
    this.InitializeComponent();
    myExpander.ExpandDirection = ExpandDirection.Up;
}

上方向に開閉する例

Please follow and like us: