從文件夾C＃UWP中的圖像列表顯示圖像

Question

我目前正在構建一個UWP應用程序來存儲音樂，並希望它顯示用戶可以上傳的專輯圖像。 我已經弄清楚了如何將圖像保存到文件中，但是即使試圖將它們綁定到XAML中的圖像控件后也無法顯示它們。 我對此很陌生，因此如果這是一個簡單的解決方法，我深表歉意。

這是我MainPage.xaml.cs中的代碼：

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Runtime.InteropServices.WindowsRuntime;

using System.Text;

using Windows.Foundation;

using Windows.Foundation.Collections;

using Windows.Media.Core;

using Windows.Storage;

using Windows.Storage.FileProperties;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Controls.Primitives;

using Windows.UI.Xaml.Data;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Media.Imaging;

using Windows.UI.Xaml.Navigation;



// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409



namespace MyMusicLibrary

{

    /// <summary>

    /// An empty page that can be used on its own or navigated to within a Frame.

    /// </summary>

    public sealed partial class MainPage : Page

    {

        public MainPage()

        {

            this.InitializeComponent();

        }
private async void ImageButton_Click(object sender, RoutedEventArgs e)

        {
            var picker = new Windows.Storage.Pickers.FileOpenPicker();
            picker.ViewMode = Windows.Storage.Pickers.PickerViewMode.Thumbnail;
            picker.SuggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.PicturesLibrary;
            picker.FileTypeFilter.Add(".jpg");
            picker.FileTypeFilter.Add(".jpeg");
            picker.FileTypeFilter.Add(".png");


            var image = await picker.PickSingleFileAsync();

            var folder = ApplicationData.Current.LocalFolder;

            var imageFolder = await folder.CreateFolderAsync("imagefolder", CreationCollisionOption.OpenIfExists);

            if (imageFolder != null && image != null)
            {
                var newImage = await image.CopyAsync(imageFolder, image.Name, NameCollisionOption.GenerateUniqueName);
            }


        }

這是MainPage.xaml中的代碼：

<Grid.Background>

    <ImageBrush Stretch="Fill" ImageSource="Assets/headphones.jpg"/>

</Grid.Background>

<Button Content="Add Music" HorizontalAlignment="Center" BorderBrush="Black" Background="Gray" Foreground="White" Margin="50,50,50,50" VerticalAlignment="Top" Click="MusicButton_Click"/>
<Button Content="Add Album Cover" HorizontalAlignment="Center" BorderBrush="Black" Background="Gray" Foreground="White" Margin="50,100,50,50" VerticalAlignment="Top" Click="ImageButton_Click"/>
<Image x:Name="newImage" HorizontalAlignment="Center" Width ="300" Height="300" Margin="0,100,0,0" />

<MediaPlayerElement x:Name="mediaPlayer" AreTransportControlsEnabled="True" Margin="0,200,0,0" />

Answer 1

newImage.ImageSource = ...

完整教程： https : //docs.microsoft.com/zh-cn/uwp/api/windows.ui.xaml.controls.image.source

Answer 2

您可以嘗試此代碼，

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

確保“圖像屬性”將“生成操作”設置為“內容”，將“復制到輸出目錄”設置為“始終復制”。

謝謝！！！