这样做的正确方法是什么<img source="../Images/{Binding Path=Id}.jpg"/>?

时间:2013-03-22 22:27:50

标签: wpf data-binding

我正在学习WPF并且不确定最好的方法是什么;我有一个员工ID和与该员工关联的图像作为项目中的资源(图像显示在员工姓名旁边的列表中)。

所以我觉得这样的事情

<DataTemplate DataType="{x:Type m:Employee}">
        <Grid>
            <Image Grid.Column="0" Name="image" Source="../Images/{Binding Path=Id}.jpg"/>

它无效XAML。

我想我可以在代码隐藏中处理一些数据绑定事件并在那里创建路径?对我来说似乎并不理想。

我可以将路径存储在我的Employee类中,但这很糟糕。

由于

1 个答案:

答案 0 :(得分:8)

您必须使用IValueConverter

这是一个传递String.Format作为转换器参数

的简单示例
public class StringFormatToImageSourceConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (parameter is string)
        {
            return string.Format(parameter.ToString(), value);
        }
        return null;
    }

    public object ConvertBack(object value, Type targetTypes, object parameter, System.Globalization.CultureInfo culture)
    {
        return null;
    }
}

用法:

<XXXX.Resources>
    <local:StringFormatToImageSourceConverter x:Key="StringToImage" />
</XXXX.Resources>

<Image Source="{Binding Path=Id, Converter={StaticResource StringToImage}
     , ConverterParameter=../Images/{0}.jpg}" />

通过使用不可见的Xaml格式化字符串,有一种方法可以将其全部保存在TextBlock中,但不是最佳做法。

<Grid>
    <TextBlock x:Name="StringToImage" Visibility="Hidden" Text="{Binding Id, StringFormat=../Images/{0}.jpg}" />
    <Image Source="{Binding Text, ElementName=StringToImage}"/>
</Grid>