绑定列表框中的图像

Question

我有一个从数据表填充的列表框。 我希望每个项目在列表框上都有一个特定的图像，但是我想根据每个项目具有的ID来设置图像。 例如，我有：

制品

橙子

苹果

ID

1

2

并将图像命名为： Item.1.png ， Item.2.png

因此，在我有苹果的列表框中，在其旁边将有一个名为Item.2.png的图像。

我的问题是我不知道如何进行条件绑定。 我不想在模板上有数百行针对每个项目执行此操作。 我需要使用条件来执行此操作，例如：if（product.id == 1），Image.Source = Item.1.png。 在wpf中有什么方法可以做到这一点？

Answer 1

在我看来，您需要一个IdToImageConverter来决定应根据Id属性的值显示哪个Image 。 这样的事情应该可以解决问题：

[ValueConversion(typeof(int), typeof(ImageSource))]
public class IdToImageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value.GetType() != typeof(int) || targetType != typeof(ImageSource)) return false;
        int id = (int)value;
        if (id < 0) return DependencyProperty.UnsetValue;
        string imageName = string.Empty;
        switch (id)
        {
            case 1: imageName = "Item.1.png"; break;
            case 2: imageName = "Item.2.png"; break;
        }
        if (imageName.IsEmpty()) return null;
        return string.Format("/AppName;component/ImageFolderName/{0}", imageName);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return DependencyProperty.UnsetValue;
    }

然后，您可以在ListBox.ItemTemplate使用它，如下所示：

<YourConvertersXmlNamespacePrefix:IdToImageConverter x:Key="IdToImageConverter" />
...
<ListBox ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Image Source="{Binding Id, Converter={StaticResource 
IdToImageConverter}}" />
                <TextBlock Text="{Binding Name}" Margin="5,0,0,0" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Answer 2

据我了解您的问题，列表框中的每个对象都有一个ID属性，您希望在其中将图像作为项目。 ID .png。

您可以在绑定中使用转换器来执行此操作。 因此，在列表框模板中，您可以输入以下内容：

// ... Listbox template
<Image Source={Binding pathToItemID, Converter={StaticResource MyConverter}/>
// ... Remaining ListBox template

您将需要将转换器添加到UserControl的资源中：

<UserControl.Resources>
    <xmlnsPointingToConverter:MyConverter x:Key="MyConverter"/>
</UserControl.Resources>

然后添加一个实现IValueConverter的MyConverter类：

public class MyConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return string.Format("item.{0}.png", value);
    }

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