c# - 当对象用于显示时，组合框值在选择后消失

Question

我有一个组合框，我想在其中显示对象并返回枚举值。首次打开时，组合框按预期显示项目，但在选择一个值后，它似乎从列表中消失了。但是如果组合框处于事件状态，我可以使用键盘在其他值之间上下导航，因此它们在列表中但只是不可见。

我创建了一个小测试应用程序来展示我的问题。启动时，应用程序会显示包含所有选项的组合框(前两个是对象类型，第三个是字符串):

选择蓝线后，当再次打开组合框时，此行丢失了:

选择文本“绿色”的行时仍在显示:

如果我选择了红线，那么唯一仍然会出现在列表中的就是测试“绿线”。

我正在使用 .NET Framework 3.5。

关于元素为何消失的任何提示或技巧？

---

以下是在 Visual Studio 中启动空白项目后所需的所有代码。

MainWindow.xaml.cs:

using System;
using System.Collections.Generic;
using System.Diagnostics;

namespace Test
{
   public partial class MainWindow
   {
      public MainWindow()
      {
         InitializeComponent();
      }

      private ColorComboBoxValue _activeColor;
      public ColorComboBoxValue ActiveColor
      {
         get { return _activeColor; }
         set
         {
            _activeColor = value;
            Debug.WriteLine("ActiveColor: " + _activeColor.Color);
         }
      }
   }

   public class ColorList : List<ColorComboBoxValue> { }

   public class ColorComboBoxValue
   {
      public Color Color { get; set; }
      public Object Object { get; set; }
   }

   public enum Color
   {
      Red,
      Blue,
      Green
   }
}

主窗口.xaml:

<Window x:Class="Test.MainWindow" x:Name="window"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:System="clr-namespace:System;assembly=mscorlib"
        xmlns:local="clr-namespace:Test"
        Title="ComboBoxTest" Height="100" Width="200">

    <Window.Resources>
        <local:ColorList x:Key="ColorList">
            <local:ColorComboBoxValue Color="Red">
                <local:ColorComboBoxValue.Object>
                    <Path Data="M0,0 L0,30 60,30 60,0 Z" Fill="Red"/>
                </local:ColorComboBoxValue.Object>
            </local:ColorComboBoxValue>
            <local:ColorComboBoxValue Color="Blue">
                <local:ColorComboBoxValue.Object>
                    <Path Data="M0,0 L0,30 60,30 60,0 Z" Fill="Blue"/>
                </local:ColorComboBoxValue.Object>
            </local:ColorComboBoxValue>
            <local:ColorComboBoxValue Color="Green">
                <local:ColorComboBoxValue.Object>
                    <System:String>Green</System:String>
                </local:ColorComboBoxValue.Object>
            </local:ColorComboBoxValue>
        </local:ColorList>
    </Window.Resources>

    <ComboBox ItemsSource="{Binding Source={StaticResource ColorList}}"
              SelectedItem="{Binding ActiveColor, ElementName=window}">
        <ComboBox.ItemTemplate>
            <DataTemplate>
                <ContentPresenter Content="{Binding Path=Object}"/>
            </DataTemplate>
        </ComboBox.ItemTemplate>
    </ComboBox>
</Window>

Answer 1

其实很简单。

Path 是一个 WPF 对象，因此，每个 WPF 对象只能有 1 个父对象。一旦 WPF 对象设置了父对象，就不能在另一个父对象中使用。

接下来会发生什么，DataTemplate 被加载，并显示您的项目。您选择一个带有路径的项目，它会在您的组合框的选定项目 ContentPresenter 中设置(必须显示)。这会将 Path 从您的原始对象中分离出来，导致您的项目“消失”。您的项目仍然存在，但您看不到它们，因为它不再有可见对象，因为路径已从您的原始列表中分离出来。对于字符串，它可以工作，因为字符串不是 WPF 对象。

希望这能让事情变得更清楚一些。

那么，现在解决方案:

如果您希望将绿色保留为文本，您可以执行以下操作:

创建 Color 枚举类型的 ColorList:

public class ColorList : List<Color> { }

扔掉一些东西:

public partial class Window1 : Window
{
       public Window1()
    {
        this.Resources["ColorList"] = new[] { Color.Red, Color.Blue, Color.Green };
        InitializeComponent();
    }

       private Color _activeColor;
    public Color ActiveColor
    {
        get { return _activeColor; }
        set
        {
            _activeColor = value;
        }
    }
}

public class ColorList : List<Color> { }


public enum Color
{
    Red,
    Blue,
    Green
}

并扩展您的 DataTemplate 以使用 DataTemplate 中的 Trigger 对象为红色和蓝色设置特定的数据模板:

<Window x:Class="WpfApplication6.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:WpfApplication6="clr-namespace:WpfApplication6"
Title="ComboBoxTest" Height="100" Width="200">


<ComboBox ItemsSource="{Binding Source={StaticResource ColorList}}"
          SelectedItem="{Binding ActiveColor, ElementName=ComboBoxTest}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <ContentControl Content="{Binding}" x:Name="content" />
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding}" Value="{x:Static WpfApplication6:Color.Red}">
                    <Setter TargetName="content" Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <Path Data="M0,0 L0,30 60,30 60,0 Z" Fill="Red"/>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding}" Value="{x:Static WpfApplication6:Color.Blue}">
                    <Setter TargetName="content" Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <Path Data="M0,0 L0,30 60,30 60,0 Z" Fill="Blue"/>
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>
</Window>

干净的方法:

如果你想让所有的项目都是一个颜色对象，你需要一个转换器对象来将 Color 枚举值转换成你想显示的颜色:

<ComboBox ItemsSource="{Binding Source={StaticResource ColorList}}"
          SelectedItem="{Binding ActiveColor, ElementName=ComboBoxTest}">
    <ComboBox.ItemTemplate>
          <DataTemplate>
              <Path Data="M0,0 L0,30 60,30 60,0 Z" Fill="{Binding Converter={StaticResource ColorConverter}}"/>
          </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

还有一个不错的转换器，您需要将其添加到资源中:

public class ColorConverter : IValueConverter
{
    #region IValueConverter Members

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        switch ((Color)value)
        {
            case Color.Red:
                return Colors.Red;
            case Color.Blue:
                return Colors.Blue;
            case Color.Green:
                return Colors.Green;
            default:
                throw new ArgumentOutOfRangeException("value");
        }
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }

    #endregion
}

更干净;)希望这对您有所帮助..如果您有任何问题，我会在评论中回答!