如何将图像的源绑定到wpf中的目录+名称

本文关键字：名称 wpf 绑定 图像 | 更新日期: 2023-09-27 17:53:13

我有一个图像文件列表，我想基于它们创建一个数据网格并显示缩略图。该列表包含与以下路径相关的图像文件:

class myclass
{
    public List<string> images;
    public string RootPath;
}

我需要写一个转换器绑定到两个参数，然后创建一个缩略图，结果成为图像的来源。

我已经编写了一个转换器来创建图像源，如下所示:

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        try
        {
            var bi = new BitmapImage();
            bi.BeginInit();
            bi.DecodePixelWidth = 100;
            bi.CacheOption = BitmapCacheOption.OnLoad;
            bi.UriSource = new Uri(value.ToString());
            bi.EndInit();
            return bi;
        }
        catch
        {
           // do nothing. Maybe return a default image
        }
        return null;
    }

但是这个转换器只绑定到一个属性，但是我需要生成一种方法将它绑定到两个(或更多)值?我该怎么做呢?

如何将图像的源绑定到wpf中的目录+名称

您可以使用多值转换器，如下面的ItemsControl示例所示。它为Image控件的Source属性使用MultiBinding，其中第一个绑定使用ItemsControl的DataContext来访问RootPath属性。

<ItemsControl x:Name="itemsControl" ItemsSource="{Binding Images}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Image Stretch="None">
                <Image.Source>
                    <MultiBinding Converter="{StaticResource ImagePathConverter}">
                        <Binding Path="DataContext.RootPath"
                                 ElementName="itemsControl"/>
                        <Binding/>
                    </MultiBinding>
                </Image.Source>
            </Image>
        </DataTemplate>
    </ItemsControl.ItemTemplate>

示例假设视图模型类如下所示:

public class ViewModel
{
    public List<string> Images { get; set; }
    public string RootPath { get; set; }
}

转换器可以这样实现:

public class ImagePathConverter : IMultiValueConverter
{
    public object Convert(
        object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        var path = Path.Combine(values.OfType<string>().ToArray());
        var bi = new BitmapImage();
        bi.BeginInit();
        bi.DecodePixelWidth = 100;
        bi.CacheOption = BitmapCacheOption.OnLoad;
        bi.UriSource = new Uri(path);
        bi.EndInit();
        return bi;
    }
    public object[] ConvertBack(
        object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}
相关文章：