ComboBox选中项直接渲染UserControl而非使用ItemTemplate问题咨询

1. 修复ComboBox选中项显示UserControl的问题 #

你遇到的是WPF ComboBox的默认行为：下拉列表会使用ItemTemplate渲染选项，但选中项的顶部显示栏如果绑定的是UIElement类型对象（比如你的UserControl），WPF会直接渲染该控件实例，而非应用ItemTemplate。

要让选中项也显示转换后的文本，推荐以下两种方案：

方案一：指定SelectedItemTemplate #

直接复用现有DataTemplate作为选中项的渲染模板：

<ComboBox ItemsSource="{Binding SelectedDrawing.Icons}" 
          Name="TrackElementSelector" 
          SelectedItem="{Binding SelectedElement}">
    <!-- 下拉选项模板 -->
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Path=., Converter={StaticResource LayoutElementToStringConverter}}" />
        </DataTemplate>
    </ComboBox.ItemTemplate>
    <!-- 选中项模板，与下拉选项保持一致 -->
    <ComboBox.SelectedItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Path=., Converter={StaticResource LayoutElementToStringConverter}}" />
        </DataTemplate>
    </ComboBox.SelectedItemTemplate>
</ComboBox>

方案二：改用数据模型替代直接绑定UserControl（更规范） #

创建一个包装类（比如ElementInfo）来存储控件的描述信息，而非直接绑定UserControl实例：

public class ElementInfo
{
    public string DisplayName { get; set; }
    public Type ControlType { get; set; }
    // 其他需要的属性
}

将SelectedDrawing.Icons改为ElementInfo集合，ComboBox直接绑定DisplayName即可，无需转换器，同时从根源避免UI元素相关的渲染问题。

2. 解决其他位置UserControl实例消失的问题 #

这不是代码库的问题，是WPF的核心规则导致的：一个UIElement（如UserControl）只能同时存在于一个VisualTree中。

当你在ComboBox中选中某个UserControl实例时，WPF会自动将该实例从原父容器移除，添加到ComboBox选中项区域的VisualTree里，因此原位置的控件会消失。

解决这个问题的根本方法就是上面提到的用数据模型替代直接绑定UserControl实例，需要创建控件时再通过模型的信息动态实例化，既符合MVVM设计规范，也能彻底避免UI元素被移动的问题。

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