WinUI3のDropDownButtonでコンテキストメニューが簡単に！

WinUI3でしか使えない、DropDownButtonを使ったメニューの作り方を解説します。

1. 基本形（2つの状態を持つチェックボックス）

実装例

ドロップダウンボタンで選択したメニューの処理が実行されることを確認する

1. XAML（ボタンのUI定義）

<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="12">
    <DropDownButton Content="選択項目を実行" Width="200">
        <DropDownButton.Flyout>
            <MenuFlyout Placement="Bottom">
                <MenuFlyoutItem x:Name="Item1" Text="処理 1" Click="Item1_Click"/>
                <MenuFlyoutItem x:Name="Item2" Text="処理 2" Click="Item2_Click"/>
                <MenuFlyoutItem x:Name="Item3" Text="処理 3" Click="Item3_Click"/>
            </MenuFlyout>
        </DropDownButton.Flyout>
    </DropDownButton>

    <TextBlock Text="選択項目の実行結果:" FontSize="16" Margin="0,20,0,0"/>
    <TextBlock x:Name="ResultTextBlock" FontSize="16" Margin="0,5,0,0"/>
</StackPanel>

解説（XAML部分）：

• Content：ドロップダウンボタンに表示される内容
• Placement：ボタンを基準にどこにメニューがでるか
• Click：クリックしたときのイベント名

2. C#（ボタンの動作を定義）

private void Item1_Click(object sender, RoutedEventArgs e)
{
    ResultTextBlock.Text = "Item 1 clicked!";
}

private void Item2_Click(object sender, RoutedEventArgs e)
{
    ResultTextBlock.Text = "Item 2 clicked!";
}

private void Item3_Click(object sender, RoutedEventArgs e)
{
    ResultTextBlock.Text = "Item 3 clicked!";
}

解説（C#部分）：

• それぞれのClickイベントに処理を追加できます。

まとめ

DropDownBoxを活用することで、今まで面倒だったコンテキストメニューの作成が簡単にできるようになります。 WinUI3で開発する際には是非使ってみてください。

参考：WinUI 3 Gallery（リンクはアプリのダウンロードページに飛びます）