この記事では Expander の開閉方向を変更する方法について説明します。
環境
開発環境 | Microsoft Visual Studio Enterprise 2019 Version 16.11.5 |
Framework | Microsoft .NET Framework Version 4.8.04161 |
開閉方向を変更する方法
Expander の開閉方向は、既定では下方向になっていますが、ExpandDirection プロパティを使用することで変更することができます。
ExpanderDirection プロパティには、以下に示す ExpandDirection 列挙体の値を指定することができます。既定値は Down です。
値 | 説明 |
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:
コメント