如何引用与我的 Metro 风格应用打包的图像源文件

Question

我有一个.png文件作为我的应用程序的内容。当我像这样在 xaml 中绑定它时

<ImageBrush x:Key="BtnBackImageBrush" ImageSource="/Assets/Images/back.png" />

一切都还好。

我阅读了这篇文章，当我尝试以编程方式访问此.png时，出现错误。

我使用的代码：

Uri baseUri = new Uri("ms:appx");
Image img = new Image();
img.Source = new BitmapImage(new Uri(baseUri, "/Assets/Images/back.png"));
img.ImageFailed += (sender, args) => new MessageDialog("Error").ShowAsync();

我的问题是如何引用与我的 Metro 风格应用程序打包的图像源文件？

谢谢你的建议。

更新：我找到了答案！我们需要使用父 FrameworkElement 设置 baseUri，而不是手动设置它。例如：

// Usage
myImage.Source = ImageFromRelativePath(this, "relative_path_to_file_make_sure_build_set_to_content");
public static BitmapImage ImageFromRelativePath(FrameworkElement parent, string path)
{
    var uri = new Uri(parent.BaseUri, path);
    BitmapImage result = new BitmapImage();
    result.UriSource = uri;
    return result;
}

感谢这篇文章。

Answer 1

new Uri（"ms：appx"）;

我认为这是原始问题的根源。该方案是ms-appx而不是ms：appx

错误的 URI：ms:appx://Assets/Images/back.png
良好的 URI：ms-appx://Assets/Images/back.png

但是使用FrameworkElement并不是一个坏主意，如果你真的试图像它的父级一样确定范围 - 即使两者都有效，后者可能对读者来说可能更清楚你的意图（假设这是你的意图）。

Answer 2

是的，你是对的，这是你问题的答案。

img.Source = ImageFromRelativePath(this, "Assets/Images/back.png");
public static BitmapImage ImageFromRelativePath(FrameworkElement parent, string path)
{
    var uri = new Uri(parent.BaseUri, path);
    BitmapImage bmp = new BitmapImage();
    bmp.UriSource = uri;
    return bmp;
}