WPF ComboBox选中项显示异常：选中后显示‘Color[Red]’而非颜色名称

这个问题我之前也碰到过！原因很简单：你绑定的是Color类型的对象，它默认的ToString()方法输出就是Color[Red]这种格式，所以选中后编辑框里就显示这个了。给你几个简单的解决办法：

方法一：用DisplayMemberPath和TextSearch.TextPath快速解决 #

这是最直接的方案，不需要额外写C#代码。只需要给ComboBox加上两个属性：

• DisplayMemberPath="Name"：指定下拉项要显示的Color属性（这里是颜色名称）
• TextSearch.TextPath="Name"：让可编辑的ComboBox在选中项时，把编辑框的文本设置为颜色名称

修改后的XAML代码片段：

<ComboBox x:Name="mycbox" 
          IsEditable="True" 
          Background="#FFE5E5E5" 
          HorizontalAlignment="Left"
          DisplayMemberPath="Name"
          TextSearch.TextPath="Name">
    <!-- 你原来的ItemTemplate可以保留，不影响 -->
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Rectangle Width="20" Height="20" Fill="{Binding}" Margin="0 0 5 0"/>
                <TextBlock Text="{Binding Name}"/>
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

方法二：用转换器自定义显示（更灵活） #

如果之后需要更复杂的文本转换逻辑，比如显示十六进制颜色值+名称，就可以用转换器来实现。

首先在C#里写一个转换器类：

using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Media;

public class ColorToStringConverter : IValueConverter
{
    // 把Color对象转换成颜色名称
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is Color color)
        {
            return color.Name;
        }
        return string.Empty;
    }

    // 如果需要支持从文本转回Color，可以在这里实现（比如根据名称查找Color）
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return DependencyProperty.UnsetValue;
    }
}

然后在XAML里引用这个转换器，并绑定ComboBox的Text属性：

<!-- 先在Window/UserControl的Resources里注册转换器 -->
<Window.Resources>
    <local:ColorToStringConverter x:Key="ColorToStringConverter"/>
</Window.Resources>

<!-- 修改ComboBox的绑定 -->
<ComboBox x:Name="mycbox" 
          IsEditable="True" 
          Background="#FFE5E5E5" 
          HorizontalAlignment="Left"
          Text="{Binding SelectedItem, RelativeSource={RelativeSource Self}, Converter={StaticResource ColorToStringConverter}}">
    <!-- 你原来的ItemTemplate保持不变 -->
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Rectangle Width="20" Height="20" Fill="{Binding}" Margin="0 0 5 0"/>
                <TextBlock Text="{Binding Name}"/>
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

两种方法都能解决你的问题，第一种更简单快速，第二种适合后续有扩展需求的场景。

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