2016-08-15 121 views
8

我一直在網上查找數小時,試圖找到一種方法將簡單的圖像插入到我的通用Windows應用程序中。到目前爲止,我發現的所有教程都太混亂或者根本無法使用。在UWP中添加圖像?

有沒有一種方法可以將圖像插入我的XAML頁面,可以爲新開發Windows應用程序的人解釋?我需要在XAML和C#中初始化它,還是隻通過XAML?

+0

你看起來在哪裏?爲什麼會令人困惑? – lokusking

+0

你不能谷歌「uwp圖像」?它引導我在這裏:https://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.xaml.controls.image.aspx,該頁面有很多解釋,再加上XAML和代碼 - 背後的例子。你還想要什麼? – Clemens

+0

@Clemens K我是一個初學者,沒有理由無法控制地狂怒。 – Andrew

回答

7

由於我還不能評論,我會回答這個問題。

爲了添加圖像到你的XAML,你只需添加一個標籤。所以代碼如下所示:

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

我建議你按照這個UWP初學者系列。我發現它非常適合向我展示XAML的基礎知識,並教給我一些新的設計語言。只要知道它已經快一年了,並且有一些微小的調整,特別是在設計上。儘管如此,請牢記在心。

0

安德魯你是100%正確的,在線教程作家經常會忘記那些剛接觸xaml \ c#世界的人可能正在閱讀他們的教程,通常我發現官方MS文檔比這些教程更容易理解,反正我已經做了一個關於如何添加圖像並使用Blend將它們顯示在項目中的簡單圖形解釋,但同樣的原則適用於VS.

檢查這些圖片:http://postimg.org/gallery/2jzw7yqgg/

0

我有同樣的問題,在這裏我只需要只是添加簡單的圖片想把它用,我假設你正在使用VS2017如果沒有,那麼我不知道這個解決方案是否可以工作,但是如果你使用的是VS 2017年然後執行以下操作

拳頭添加圖像元素例如<Image x:Name="img1" Width="100" Height="100" />

在通用應用

,有一個叫Assets你會發現它在解決方案文件夾,也是在解決方案資源管理器文件夾, enter image description here 在解決方案資源管理器中右鍵單擊它 - >添加現有項目 - >您想要的照片

添加照片後,轉到img1繁榮狀態,並在源代碼中找到添加到drop中的照片請記住t中已經有圖像他的資產

enter image description here 你會發現,在圖像的路徑在Source屬性自動添加到控制img1 例如<Image x:Name="img1" Width="100" Height="100" Source="Assets/1.jpg" />

0

請記住,當你要插入一個新的形象置入資產,你必須進入解決方案資源管理器,資產 - >添加 - >新建項目。如果您手動插入圖像,則需要添加 - >現有項目。然後選擇圖像,rigth點擊,屬性和生成操作,確保「內容」是默認的。