wpf : ListViewの余白部分をクリックしたときにポップアップメニューを出す

ListViewの余白部分を右クリックしたときにポップアップメニューを出す場合、ListViewのContextMenuは使えません。 余白だけでなく、ListViewItemなどをクリックしたときにもポップアップメニューが出てしまうためです。 そのとき、ListViewItemに載せたコントロールにContextMenuを付けてもListViewのContextMenuが優先されて、ListViewItemのメニューは表示されません。 ListViewItemのContextMenuOpeningイベントで

private void ContextMenuOpeningHandler(object sender, ContextMenuEventArgs e) { e.Handled = true; }

とかすればListViewItemをクリックしたときポップアップメニューが表示されないようにはできますが、当然そうするとListViewItemのContextMenuは使えません。

解決策はうまく検索すれば見つかりそうですが、見つからなかったので自分でやり方を試行錯誤しました。 で、見つかったのがこれ。 結局単純なやり方で済ませました。

ListViewのMouseRightButtonUpイベントでポップアップメニューを出します。 マウスのボタンが離された場所でヒットテストをして、ListViewのスクロールに使われるScrollViewerだったら余白と判断、ポップアップメニューを表示します。 別のコントロールだったら何もしません。 それだけ。

サンプルコードはこんな感じです。 まずはMainWindow.xaml。

<Window x:Class="ListViewPopupMenu.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <ListView Name="listView" MouseRightButtonUp="ListViewMouseRightButtonUpHandler"> <ListView.ItemContainerStyle> <Style TargetType="ListViewItem"> <Setter Property="Margin" Value="0" /> </Style> </ListView.ItemContainerStyle> <ListView.View> <GridView> <GridViewColumn Header="ID" DisplayMemberBinding="{Binding Id}"/> <GridViewColumn Header="テキスト" DisplayMemberBinding="{Binding Text}"/> </GridView> </ListView.View> </ListView> </Window>

ListViewItemの縦のマージンを0にしないと行と行の隙間をクリックしたときもメニューが表示されてしまうので注意。

MainWindow.xaml.csです。

using System.Windows; using System.Windows.Controls; using System.Windows.Input; using System.Windows.Media; namespace ListViewPopupMenu { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); listView.ItemsSource = new Data[]{ new Data(0, "あいうえお"), new Data(1, "かきくけこ"), new Data(2, "さいたま"), }; } private void ListViewMouseRightButtonUpHandler(object sender, MouseButtonEventArgs e) { var listBoxChrome = VisualTreeHelper.GetChild(listView, 0) as FrameworkElement; var scrollViewer = VisualTreeHelper.GetChild(listBoxChrome, 0) as ScrollViewer; var pt = e.GetPosition(this); if (InputHitTest(pt) != scrollViewer) return; var contextMenu = new ContextMenu(); var menuItem = new MenuItem(); menuItem.Header = "テスト"; contextMenu.Items.Add(menuItem); contextMenu.IsOpen = true; } } }

ListViewに表示した内容は適当です。

namespace ListViewPopupMenu { class Data { public int Id { get; set; } public string Text { get; set; } public Data(int id, string text) { this.Id = id; this.Text = text; } } }