将 XAML DataTemplate 中的图像源绑定到 Silverlight 4 中的 URI

Question

好的，我要创建的是一个图像列表（使用列表框），左侧是缩略图，右侧是图像标题。 我的 XAML 是这样设置的：

<ListBox HorizontalAlignment="Left" Margin="6,6,0,6" Name="CurrentPhotos" Width="184" SelectionChanged="CurrentPhotos_SelectionChanged">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Image Source="{Binding Converter={StaticResource FilePathConverter}}" />
                <sdk:Label Content="{Binding Title}"></sdk:Label>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

我在 App.xaml 中定义了 FilePathConverter 键，并设置了代码：

public class FilePathConverter : IValueConverter
{

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (targetType == typeof(string))
        {
            return (value as PhotoSummary).FullThumbPath();
        }
        else
        {
            return (value as PhotoSummary).Thumb();
        }

    }

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

Convert 和 ConvertBack 方法中都有断点。 ConvertBack 永远不会被触发（因此没有异常等），并且在 Convert 方法中，Thumb 正确返回（由于某些测试原因留下了字符串输入，并且当前未使用。无论如何它都不会触发），而 Thumb 扩展方法是这样的：

public static object Thumb(this PhotoSummary ps)
{
    Uri uri = new Uri("http://" + Settings.Host + "/Content/Thumbs/" + ps.Uploaded.Year + "/" + ps.Uploaded.Month + "/" + ps.ID + ".jpg", UriKind.Absolute);
    return new BitmapImage(uri);
}

这个被调用，并且 Uri 被正确构建（测试了几次）。 但是，当我运行该应用程序时，列表仅包含照片的标题，并且没有图像。 所有图像都很小（它们只是拇指），本地文件，因此它们需要立即加载，因此也不是加载问题。 但好像那里没有图像标签。 它只显示照片的标签。 转换器正在工作，Uri 是正确的，完全没有错误，但没有显示图像。

有什么建议么？

Answer 1

您可能必须在转换器中显式加载图像。 BitmapImage 的 MSDN 页面显示了以下代码片段：

// Create the image element.
Image simpleImage = new Image();    
simpleImage.Width = 200;
simpleImage.Margin = new Thickness(5);

// Create source.
BitmapImage bi = new BitmapImage();
// BitmapImage.UriSource must be in a BeginInit/EndInit block.
bi.BeginInit();
bi.UriSource = new Uri(@"/sampleImages/cherries_larger.jpg",UriKind.RelativeOrAbsolute);
bi.EndInit();
// Set the image source.


simpleImage.Source = bi;

Answer 2

好的，问题是关于 SL 中的安全限制。 它在本地运行，并调用http://localhost ... 由于安全限制（至少对于图像）而失败。 我已经读过，如果我创建了一个测试页面，从本地服务器等启动然后运行它，错误将 go 消失，但我没有使用这种解决方法，而是检查了需要提升的信任，它突然开始工作。 所以问题解决了。

Answer 3

我用它来解决完全相同的问题，但是我使用 Silverlight 5 并获得了高度信任，不知道这很重要

<DataTemplate x:Key="DataTemplate1">
        <Grid>
            <Image Margin="0" Width="25" Height="25" Source="{Binding EventType, StringFormat=/Icons/EventType\{0:d\}.png}"/>
        </Grid>
    </DataTemplate>

而且效果很好。 它的 DataGrid 数据模板，其中此 EventType 是类型的枚举。

这是提琴手稍后展示的

http://www.localdomain.loc/ClientBin/Icons/EventType1.png