带有图像的 WPF 组合框

Question

我正在尝试用图像填充组合。它被定义为：

<ComboBox SelectedItem="{Binding SelectedLangComboItem}"
          ItemsSource="{Binding Languages}">
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Image Source="{Binding Image}" />
                <TextBlock Text="{Binding Label}" />
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>

其中项目是 LanguageItem 类：

public class LanguageItem
{
  public System.Drawing.Bitmap Image { get; set; }
  public string Label { get; set; }
  public string Culture { get; set; }

  public LanguageItem(System.Drawing.Bitmap image, string label, string culture)
  {
    Image = image;
    Label = label;
    Culture = culture;
  }
}

现在，在我的 ViewModel c'tor 我做：

  _Languages = new ObservableCollection<LanguageItem>();

  System.Reflection.Assembly app = System.Reflection.Assembly.GetExecutingAssembly();
  System.IO.Stream file;
  file = app.GetManifestResourceStream("MyNamespace.Images.FLAG1.gif");
  _Languages.Add(new LanguageItem(new Bitmap(file), "ITALIAN", "it-IT"));
  file = app.GetManifestResourceStream("MyNamespace.Images.FLAG2.gif");
  _Languages.Add(new LanguageItem(new Bitmap(file), "ENGLISH", "en-EN"));

  this.SelectedLangItem = _Languages[0];

图像是嵌入的资源。这里我有两个问题：

1. 图像不显示；

2. Item 没有被选中，SelectedLangItem 是：

   public LanguageItem SelectedLangItem { get { return _SelectedLangItem; } set { if (_SelectedLangItem == value) return;

       _SelectedLangItem = value;
       this.RaisePropertyChanged("SelectedLangItem");
     }
   }
   

Answer 1

您的问题是您试图将 an 绑定Image到Image.Source类型为 的属性ImageSource。

最简单的解决方案是将您的实际图像文件添加到一个文件夹中，并将Image类中的属性更改为一个字符串，该字符串以这种格式保存图像的文件路径：

/ApplicationName;component/ImageFolderName/ImageName.png

然后你就可以正确绑定此字符串（该框架将转换为ImageSource对象），将Image.Source你的财产DataTemplate。

Answer 2

用

new BitmapImage(new Uri("MyNamespace.Images.FLAG1.gif", UriKind.Relative));

因为它必须实现 ImageSource

关于未选择：如果您没有输入错误，则在 xaml SelectedLangComboItem 中，属性名称为“SelectedLangItem”。

代码：

this.RaisePropertyChanged("SelectedLangItem");

XAML：

<ComboBox SelectedItem="{Binding SelectedLangComboItem}"