2019/11/06

    C#のWPFで右クリックメニュー(ContextMenu)を表示する

    コンテキストメニュー(ContextMenu)は、コントロールをマウスで右クリックした時にポップアップするメニューを表示させる機能です。

     

    WPFではこのコンテキストメニューを簡単に実装する事が可能です。

     

    ここではその方法について解説します。

    UI要素にコンテキストメニューを追加

    FrameworkElement クラスは ContextMenu というプロパティを持っています。

    この ContextMenu を使ってメニューを作成していきます。

     

    ボタンやラベルなど、ほとんどの UI 要素は FrameworkElement クラスを継承しているのでコンテキストメニューを使う事が出来ます。

      

    <Window x:Class="WpfTest1.TestWindow"
        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:WpfTest1"
        mc:Ignorable="d"
        Title="TestWindow" Height="300" Width="300">
    <WrapPanel>
        <Button Content="ボタン" Margin="20" Width="100" Height="30">
            <Button.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="メニュー１"/>
                    <MenuItem Header="メニュー２"/>
                    <MenuItem Header="メニュー３"/>
                    <MenuItem Header="メニュー４"/>
                </ContextMenu>
            </Button.ContextMenu>
        </Button>
    </WrapPanel>
</Window>

    <ContextMenu>要素の中身は通常のメニューと同じです。

    <MenuItem>要素を使ってメニューを構成していきます。

    ※MenuItemを更に詳しく知るには「C#のWPFでメニューを作成する」をご覧ください

    親要素に追加すれば子要素にも

     コンテキストメニューを親要素に追加すれば、全ての子要素でコンテキストメニューが有効になります。 

    <Window x:Class="WpfTest1.TestWindow"
        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:WpfTest1"
        mc:Ignorable="d"
        Title="TestWindow" Height="300" Width="300">
    <Window.ContextMenu>
        <ContextMenu>
            <MenuItem Header="メニュー１"/>
            <MenuItem Header="メニュー２"/>
            <MenuItem Header="メニュー３"/>
            <MenuItem Header="メニュー４"/>
        </ContextMenu>
    </Window.ContextMenu>
    <WrapPanel>
        <Button Content="ボタン" Margin="20" Width="100" Height="30"/>
        <Button Content="ボタン" Margin="20" Width="100" Height="30"/>
    </WrapPanel>
</Window>

     

     

    カテゴリ： C#, C#WPF