在UWP中添加图像?

时间:2016-08-15 18:54:14

标签: c# image xaml uwp

我一直在网上寻找数小时试图找到将简单图像插入我的通用Windows应用程序的方法。到目前为止,我发现的所有教程都太混乱或者没有工作。

有没有办法将图像插入我的XAML页面,可以为刚开发Windows应用程序的人解释?我需要在XAML和C#中初始化它,还是仅通过XAML?

5 个答案:

答案 0 :(得分:7)

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

要将图像添加到XAML,您只需添加标记即可。所以代码看起来像这样:

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

我建议您按照UWP的这个初学者系列进行操作。我发现很高兴向我展示XAML的基础知识并教我一些新的设计语言。只知道它已经差不多一年了,并且有一些微小的调整,特别是在设计方面。没什么可担心的,只要记住它。

答案 1 :(得分:1)

如果你对任何事情感到困惑,你可以下载样本并按照它的工作原理(我很容易感到厌倦,所以我自己这样做,并设置几个断点来理解代码流),

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

答案 2 :(得分:1)

请记住,当您想要将新图像插入资产时,您必须进入解决方案资源管理器,资产 - >添加 - >新项目。如果手动插入图像,则需要添加 - >现有项目。然后选择图像,rigth click,属性和Build Action,确保&#34; content&#34;是默认值。

答案 3 :(得分:0)

安德鲁你100%正确,在线教程编写者经常忘记那些刚接触xaml \ c#世界的人可能正在阅读他们的教程,我经常发现官方的MS文档比那些教程更容易理解,反正我已经使用Blend对如何添加图像并在项目中显示它们做了简单的图解说明,但同样的原则也适用于VS.

检查以下图片:http://postimg.org/gallery/2jzw7yqgg/

答案 4 :(得分:0)

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

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

在Universal Apps中,有一个名为Assets的文件夹,您可以在解决方案文件夹中找到它,也可以在解决方案资源管理器中找到它 enter image description here  在解决方案资源管理器中右键单击它 - &gt;添加现有项目 - &gt;你想要的照片

添加照片后,转到img1繁荣,在源代码中您会看到下拉列表中添加的照片,请记住资源中已有图片

enter image description here  您会发现图片的路径会自动添加到控件Source的{​​{1}}属性中 例如img1