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

スポンサーリンク

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

スポンサーリンク

環境

開発環境Microsoft Visual Studio Enterprise 2019
Version 16.11.5
FrameworkMicrosoft .NET Framework Version 4.8.04161
スポンサーリンク

開閉方向を変更する方法

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

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

ExpandDirection 列挙体
説明
Up上方向に開閉
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:

コメント

タイトルとURLをコピーしました