在 UWP 中添加图像？答案

【问题标题】：Adding an image in UWP?在 UWP 中添加图像？
【发布时间】：2016-12-22 00:27:16
【问题描述】：

我已经在网上寻找了几个小时，试图找到一种将简单图像插入我的通用 Windows 应用程序的方法。到目前为止，我发现的所有教程都太混乱了，或者根本不起作用。

有没有一种方法可以将图像插入到我的 XAML 页面中，以便为刚开始开发 Windows 应用程序的人解释？我需要在 XAML 和 C# 中初始化它，还是只通过 XAML？

【问题讨论】：

【解决方案1】：

请记住，当您想将新图像插入到资产中时，您必须进入解决方案资源管理器，资产->添加->新项目。如果手动插入图像，则需要添加->现有项目。然后选择图片，右击，属性，在 Build Action 中，确保“content”是默认的。

【讨论】：

【解决方案2】：

我有同样的问题，我只需要添加简单的图片就可以了，我假设你使用的是 VS2017 如果没有，那么我不知道这个解决方案是否有效，但如果你正在使用 VS2017 然后执行以下操作

首先添加一个图像元素，例如<Image x:Name="img1" Width="100" Height="100" />

在通用应用程序中，有一个名为 Assets 的文件夹，您可以在解决方案文件夹中找到它，也在解决方案资源管理器中找到它，在解决方案资源管理器中右键单击它 -> 添加现有项目 -> 你想要的照片

添加照片后，转到img1 prosperities，在源中，您会在下拉列表中找到添加的照片，请记住资产中已经有图像

你会发现图片的路径在Source属性中自动添加到控件img1 例如<Image x:Name="img1" Width="100" Height="100" Source="Assets/1.jpg" />

【讨论】：

【解决方案3】：

如果您对任何事情感到困惑，您可以下载一个示例并按照它的工作原理进行操作（我很容易感到无聊，所以我自己做，并设置了几个断点来理解代码流），

【讨论】：

谢谢，成功了！我只将它添加到我的桌面存储库中，并且瞧，我在解决方案资源管理器上的 Assets 文件夹是空的。另外，尝试拖放到该文件夹中，但它仍然没有显示，然后按照您的建议“添加现有项目”并且它起作用了！

【解决方案4】：

由于我还不能发表评论，我会回答这个问题。

为了将图像添加到 XAML，您只需添加一个标签。所以代码看起来像这样：

<Image Source="Assets/example.jpg"/>

我建议您关注这个 UWP 初学者系列。我发现它非常适合向我展示 XAML 的基础知识并教我一些新的设计语言。只知道它已经快一年了，并且有一些细微的调整，尤其是在设计方面。不过没什么好担心的，只要记住这一点。

【讨论】：

我不知道为什么，但这根本不适合我。我不得不使用<Image Source="ms-appx:/Assets/example.jpg"/>
路径 Assets/example.jpg 是相对于您的 Image 元素所在的 .xaml 文件的。如果您使用 ms-appx: 命名空间，则它是绝对路径。因此，如果您的 XAML 文件与 Assets 位于同级文件夹中，那么在您的情况下，../Assets/example.jpg 可能会起作用。