WinUI3 顯示圖片

在 WinUI3 中要顯示圖片很簡單，先將圖片放到 Assets 資料夾中，例如這裡放了 logo.png 的圖片到 Assets 資料夾內。

就可以使用下面這行顯示:

    
<Image Source="/Assets/logo.png" />
    

也可以使用:

    
<Image Source="ms-appx:///Assets/logo.png" />
    

在 Visual Studio 2022 中甚至可以直接將圖片拖曳到 xaml 檔案中直接產生程式碼，非常的方便。

不過有個小問題，在 Rider 中沒有辦法顯示圖片，這非常的奇怪，筆者嘗試了很久，一直以為是路徑的問題，因為在路徑上找不到圖片並不會拋出例外，只會無法顯示。筆者使用 Rider 編輯器和 VisualStudio 2022 開啟相同的專案， Rider 編輯器開啟後不會顯示圖片，在不修改任何程式碼的情況下直接使用 VisualStudio 2022 開啟相同的專案直接執行，圖片就出來了... 不論是 .NET 6 還是 .NET 8 都會
並且筆者發現無法使用 dotnet run 執行 WinUI 3 專案，目前還在研究中...

填滿

自動縮放圖片，維持比例填滿可用空間

    
<Image Source="ms-appx:///Assets/logo_256.png" Stretch="Fill" />