在 GridView 上显示图像 win 8 Metro 风格？答案

【问题标题】：show image on GridView win 8 metro style?在 GridView 上显示图像 win 8 Metro 风格？
【发布时间】：2013-04-10 19:31:10
【问题描述】：

我按照这篇文章 (http://mikaelkoskinen.net/winrt-step-by-step-tutorial-mvvm-gridview-semanticzoom/) 一步一步地向我的项目的 GridView 添加图像，但是当我按照这篇文章完成将 GridView 添加到我的项目时。我在显示图像时遇到了一个问题，即应用程序运行时图像（在项目文件夹中）不显示，但应用程序显示来自互联网的图像（文章中的代码运行良好并从项目文件夹中加载了图像），我不知道如何显示这个问题，

这是一些代码：

public class Movie
{
    public string Title { get; set; }
    public string Subtitle { get; set; }
    public string Image { get; set; }
    public string Category { get; set; }   
}

public class MovieCategory
{
    public string Title { get; set; }
    public List<Movie> Items { get; set; }
}

我从项目文件夹加载图像的代码：

 MovieList.Add(new Movie { Title = "The Ewok Adventure", Category = "Adventure", Subtitle = "The Towani family civilian shuttlecraft crashes on the forest moon of Endor.", Image = "duy.jpg" });

（我之前创建过MovieList，图片“duy.jpg”在项目文件夹中）

我不为什么我用文章的源代码尝试上面的代码，我已经通过调试工具仔细检查了图像源字符串，它运行良好（项目文件夹中的图像显示在文章的源代码中）但是当我添加到我的项目，来自互联网链接的图像运行良好，但项目文件夹中的图像没有加载。请帮助我。提前致谢。

【问题讨论】：

标签： windows-8

【解决方案1】：

像这样更改类定义

public class Movie
{
    public string Title { get; set; }
    public string Subtitle { get; set; }
    public string Image { get; set; }
    public string Category { get; set; }   

    public ImageSource ImgSource
    {
         get
         {
            return new BitmapImage(new Uri("ms-appx:///" + this.Image));
         }
    }
}

并将 Image 标记与ImgSource 属性绑定，而不是与Image 属性。

<Image Source="{Binding ImgSource}" ........./>

【讨论】：

【解决方案2】：

图像在项目根目录中吗？您是否设置为内容并始终复制到输出文件夹？

【讨论】：

根文件夹中的图像，我已将构建操作设置为内容并始终复制到输出文件夹，但没有任何变化。它无法从根文件夹加载图像。文章中的源代码与根文件夹中的图像配合得很好。