WPF（C#）中双击左侧菜单项创建对应子窗口的实现方案

嘿，这个需求其实挺常见的，我给你分两种场景的实现方式，你可以根据自己的项目情况来选：

一、常规代码隐藏方式（适合小型/简单项目） #

1. 主窗口XAML布局 #

假设你左侧用ListBox来展示菜单项（用Menu的话逻辑也类似），先把布局和事件绑定好：

<Window x:Class="WpfDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="160"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- 左侧菜单项列表 -->
        <ListBox x:Name="MenuList" MouseDoubleClick="MenuList_MouseDoubleClick">
            <ListBoxItem Content="Item 1" Tag="ChildWindow1"/>
            <ListBoxItem Content="Item 2" Tag="ChildWindow2"/>
            <ListBoxItem Content="Item 3" Tag="ChildWindow3"/>
        </ListBox>
        <!-- 右侧原有内容区域 -->
        <Grid Grid.Column="1" x:Name="ContentPanel">
            <!-- 保留你原来的内容切换逻辑即可 -->
        </Grid>
    </Grid>
</Window>

这里给每个ListBoxItem加了Tag属性，用来标记对应的子窗口类型——比直接判断Content文本更可靠，避免后期修改菜单项文字后逻辑失效。

2. 后台C#逻辑处理 #

在主窗口的代码文件里，实现双击事件的逻辑：

private void MenuList_MouseDoubleClick(object sender, MouseButtonEventArgs e)
{
    // 准确找到被双击的ListBoxItem（避免点击到列表项内部的子元素时失效）
    var clickedElement = e.OriginalSource as FrameworkElement;
    while (clickedElement != null && !(clickedElement is ListBoxItem))
    {
        clickedElement = VisualTreeHelper.GetParent(clickedElement) as FrameworkElement;
    }

    if (clickedElement is ListBoxItem targetItem)
    {
        // 根据Tag判断要弹出的子窗口
        switch (targetItem.Tag.ToString())
        {
            case "ChildWindow1":
                var child1 = new ChildWindow1();
                child1.Show(); // 用ShowDialog()可以弹出模态窗口，用户必须关闭后才能操作主窗口
                break;
            case "ChildWindow2":
                var child2 = new ChildWindow2();
                child2.Show();
                break;
            case "ChildWindow3":
                var child3 = new ChildWindow3();
                child3.Show();
                break;
        }
    }
}

二、MVVM模式下的实现（适合中大型项目） #

如果你的项目遵循MVVM架构（比如用Prism、MvvmLight等框架），可以用命令绑定的方式，更符合解耦原则：

1. ViewModel中定义双击命令 #

public ICommand MenuItemDoubleClickCommand { get; }
private readonly IWindowService _windowService; // 抽象的窗口服务，用来创建子窗口

public MainViewModel(IWindowService windowService)
{
    _windowService = windowService;
    MenuItemDoubleClickCommand = new RelayCommand<MenuItemModel>(ExecuteDoubleClick);
}

private void ExecuteDoubleClick(MenuItemModel menuItem)
{
    if (menuItem == null) return;
    
    // 根据菜单项的标识打开对应窗口
    switch (menuItem.Id)
    {
        case 1:
            _windowService.ShowWindow<ChildWindow1>();
            break;
        case 2:
            _windowService.ShowWindow<ChildWindow2>();
            break;
        case 3:
            _windowService.ShowWindow<ChildWindow3>();
            break;
    }
}

这里用IWindowService来封装窗口创建逻辑，避免ViewModel直接依赖View，更利于维护和单元测试。

2. XAML中绑定命令 #

<ListBox ItemsSource="{Binding MenuItems}"
         ItemTemplate="{StaticResource MenuItemTemplate}">
    <ListBox.InputBindings>
        <MouseBinding MouseAction="LeftDoubleClick" 
                      Command="{Binding MenuItemDoubleClickCommand}"
                      CommandParameter="{Binding}"/>
    </ListBox.InputBindings>
</ListBox>

一些实用小提醒 #

• 如果希望子窗口只能打开一个，可以在实例化前检查窗口是否已存在，或者用单例模式管理；
• 模态窗口（ShowDialog()）会阻塞主窗口操作，非模态窗口（Show()）则不会，根据业务需求选择；
• 如果菜单项是动态生成的（绑定ItemsSource），一定要给每个菜单项设置唯一的标识（比如ID、Tag）来区分对应的子窗口。

内容的提问来源于stack exchange，提问作者Paul Tom