WPFで展開可能なメニューを作成【Expanderを使う】

Expanderを使い、以下のように項目を展開できるサンプルアプリを作成しました。

Expander（エキスパンダー）とは？

Expanderとは、コンテンツを表示する折りたたみ可能なコントロールのことです。ちょっと分かりにくいかもしれませんが、最初に紹介したサンプルアプリのようなことが可能になります。

https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.expander?view=netframework-4.8

サンプルコード

<Window x:Class="WpfAppExpander.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfAppExpander"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <Expander Header="メニュー１" IsEnabled="True" BorderBrush="Black">
                <StackPanel>
                    <TextBlock Text="項目１"/>
                    <TextBlock Text="項目２"/>
                </StackPanel>
            </Expander>
            <Expander Header="メニュー２" IsEnabled="True" BorderBrush="Red">
                <StackPanel>
                    <TextBlock Text="項目１"/>
                    <TextBlock Text="項目２"/>
                </StackPanel>
            </Expander>
            <Expander Header="メニュー３" IsEnabled="True" BorderBrush="Green">
                <StackPanel>
                    <TextBlock Text="項目１"/>
                    <TextBlock Text="項目２"/>
                </StackPanel>
            </Expander>
        </StackPanel>
    </Grid>
</Window>