在UWP中如何添加图片？

Question

我已经在网上寻找了数小时，试图找到一种将简单图像插入我的通用Windows应用程序的方法。到目前为止，我找到的所有教程都太难以理解或不起作用。

有没有一种方法可以向XAML页面中插入图像并对于新手开发Windows应用程序的人来讲解清楚？我需要在XAML和C#中初始化它，还是只需要通过XAML就可以了？

- Andrew

---

你看了哪里？为什么感到困惑？ - lokusking

@Clemens K 我是个初学者，没有理由失去控制。 - Andrew

这不应该阻止你去搜索最简单的东西。网络上有大量详细的信息，特别是针对初学者。 - Clemens

你可能还想看一下当有人回答我的问题时我该怎么做？。 - Clemens

Answer 1

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

要在XAML中添加图片，你只需要添加一个标签。代码应该像这样：

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

我建议您关注这个针对UWP的初学者系列。我发现它非常适合向我展示XAML的基础知识并教授一些新的设计语言。只需知道它已经发布了将近一年，可能需要进行微小的调整，特别是在设计方面。但不必担心，只需记住这一点即可。

- NomadHorse2

---

我不知道为什么，但这对我根本不起作用。我不得不使用<Image Source="ms-appx:/Assets/example.jpg"/> - Filipe Madureira

路径 Assets/example.jpg 是相对于你的 Image 元素所在的 .xaml 文件的。如果你使用 ms-appx: 命名空间，那么它是绝对路径。因此，在你的情况下，如果你的 XAML 文件与 Assets 在同一级文件夹中，也许 ../Assets/example.jpg 将会起作用。 - Štefan Schindler

Answer 2

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

- El0din

Answer 3

我有同样的问题，只需要添加简单的图片就可以解决。我假设你正在使用VS2017，如果不是，那么我不知道这个解决方案是否适用，但如果你正在使用VS2017，则按照以下步骤进行：

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

在通用应用程序中，有一个名为 Assets 的文件夹，你将在解决方案文件夹中找到它，在解决方案资源管理器中右键单击它->添加现有项->选择所需的照片。

添加照片后，转到 img1 属性，在源中找到刚添加的照片，注意已经有图像在资产中。

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

- ibr

Answer 4

如果您对任何事情感到困惑，可以下载一个示例并跟随其工作方式（我自己也会这样做，设置几个断点以了解代码流程）。

试试这个： https://code.msdn.microsoft.com/windowsapps/0f5d56ae-5e57-48e1-9cd9-993115b027b9

- Ateik

---

谢谢，这就做到了！我只把它添加到我的桌面版本库中，然后发现我的解决方案资源管理器上的Assets文件夹是空的。我还尝试将其拖放到该文件夹中，但它仍然没有显示，然后按照您的建议执行了“添加现有项目”操作，它起作用了！ - Azurespot