WPF组合框与图像 [英] WPF ComboBox with image

问题描述

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

I'm trying to populate a Combo with images. It is defined as:

<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类：

Where the items are the LanguageItem classes:

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中，我要做的是：

Now, in my ViewModel c'tor I do:

  _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];

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

The images are embedded resources. Here I have two problems:

1. 不显示图像；



2. 项目未选择，则SelectedLangItem为：

1. The images are not displayed;

2. The Item is not selected, the SelectedLangItem is:

公共LanguageItem SelectedLangItem
{
get {return _SelectedLangItem; }
set
{
if（_SelectedLangItem == value）
return;

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

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

推荐答案

使用

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

因为它必须实现ImageSource

as it have to implement ImageSource

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

And regarding not selected: Property name is "SelectedLangItem" while in xaml SelectedLangComboItem if you did not mistype.

代码：

this.RaisePropertyChanged("SelectedLangItem");

XAML：

<ComboBox SelectedItem="{Binding SelectedLangComboItem}"

这篇关于WPF组合框与图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！