如何在WPF中实现具备MenuItem功能的ComboBox控件？

当然可以用WPF实现这个控件！其实这个需求本质就是给ComboBox换个「下拉菜单皮肤」，把默认的列表项换成MenuItem结构，同时保证选中的内容能同步显示到ComboBox的输入区域，下面我给你具体的实现思路和代码示例：

1. 自定义ComboBox的下拉模板 #

WPF的ComboBox本身支持完全自定义控件模板，我们可以把它默认的下拉弹出部分（原本是ItemsPresenter）替换成Menu控件，这样下拉项就是MenuItem，甚至支持多级子菜单，完美匹配你示例图的样式。

下面是完整的XAML代码，包含自定义模板和静态菜单示例：

<Window x:Class="CustomMenuComboBoxDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Custom Menu ComboBox" Height="450" Width="800">
    <Grid>
        <ComboBox x:Name="CustomMenuComboBox"
                  Width="200"
                  Margin="20"
                  SelectedValuePath="Header"
                  IsEditable="True"
                  IsReadOnly="True">
            <!-- 自定义ComboBox控件模板 -->
            <ComboBox.Template>
                <ControlTemplate TargetType="ComboBox">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <!-- ComboBox的输入显示区域 -->
                        <TextBox x:Name="PART_EditableTextBox"
                                 Grid.Column="0"
                                 Text="{Binding SelectedValue, RelativeSource={RelativeSource TemplatedParent}}"
                                 IsReadOnly="True"
                                 Padding="5,3"
                                 BorderBrush="#FFABADB3"
                                 BorderThickness="1"/>
                        <!-- 下拉触发按钮 -->
                        <ToggleButton x:Name="ToggleButton"
                                      Grid.Column="1"
                                      IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
                                      Width="25"
                                      Background="#FFECECEC"
                                      BorderBrush="#FFABADB3"
                                      BorderThickness="0,1,1,1">
                            <Path Data="M0,0L4,4L8,0Z"
                                  Fill="#FF606060"
                                  Width="8"
                                  Height="4"
                                  Margin="0,0,0,2"/>
                        </ToggleButton>
                        <!-- 下拉弹出的菜单容器 -->
                        <Popup x:Name="Popup"
                               Placement="Bottom"
                               IsOpen="{TemplateBinding IsDropDownOpen}"
                               AllowsTransparency="True"
                               PopupAnimation="Slide">
                            <Border x:Name="PopupBorder"
                                    Background="White"
                                    BorderBrush="#FFABADB3"
                                    BorderThickness="1"
                                    Width="{TemplateBinding ActualWidth}">
                                <!-- 这里放我们的Menu，里面是MenuItem -->
                                <Menu Margin="0">
                                    <MenuItem Header="新建项目" Click="MenuItem_Click"/>
                                    <MenuItem Header="打开项目" Click="MenuItem_Click"/>
                                    <MenuItem Header="保存" Click="MenuItem_Click"/>
                                    <Separator/>
                                    <MenuItem Header="导出">
                                        <MenuItem Header="导出为PDF" Click="MenuItem_Click"/>
                                        <MenuItem Header="导出为Excel" Click="MenuItem_Click"/>
                                    </MenuItem>
                                </Menu>
                            </Border>
                        </Popup>
                    </Grid>
                </ControlTemplate>
            </ComboBox.Template>
        </ComboBox>
    </Grid>
</Window>

2. 处理菜单选中事件，同步内容到ComboBox #

在后台代码里，我们需要给MenuItem绑定点击事件，把选中的菜单项标题同步到ComboBox的选中值，同时关闭下拉弹出框：

using System.Windows;
using System.Windows.Controls;

namespace CustomMenuComboBoxDemo
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
            if (sender is MenuItem selectedItem)
            {
                // 将选中的菜单标题设置为ComboBox的选中值
                CustomMenuComboBox.SelectedValue = selectedItem.Header;
                // 关闭下拉弹出框
                CustomMenuComboBox.IsDropDownOpen = false;
            }
        }
    }
}

3. 进阶：动态绑定菜单数据 #

如果你的菜单项是动态生成的，可以用数据绑定的方式替代静态MenuItem，比如定义一个菜单数据模型，然后绑定到Menu的ItemsSource：

// 菜单数据模型
public class MenuItemModel
{
    public string Header { get; set; }
    public List<MenuItemModel> SubItems { get; set; } = new();
}

然后在XAML里用HierarchicalDataTemplate来渲染多级菜单：

<Menu ItemsSource="{Binding MenuItems}">
    <Menu.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding SubItems}">
            <MenuItem Header="{Binding Header}" Click="MenuItem_Click"/>
        </HierarchicalDataTemplate>
    </Menu.ItemTemplate>
</Menu>

• 必须设置ComboBox的IsEditable="True"和IsReadOnly="True"：这样输入区域只会显示选中内容，不能手动编辑，符合ComboBox的交互逻辑。
• 自定义模板时要保留PART_EditableTextBox和ToggleButton的命名：WPF的ComboBox内部逻辑依赖这些命名控件，避免功能异常。
• 可以根据需求调整菜单和控件的样式，比如修改背景色、边框样式，让它和你的应用风格统一。

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