如何制作音乐库通用 Windows c# 的 ListView？

Question

我想让 ListView 拥有我的音乐库及其名称、艺术家、专辑、专辑封面，我通过将其命名为 MusicLibs.cs 的类来实现，我编写了这段代码 在 MusicLibs.cs 中：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Windows.UI.Xaml.Media.Imaging;

 namespace App29
 {
   class MusicLib
   {
    public string FileName { get; set; }
    public string Artist { get; set; }
    public string Album { get; set; }
    public TimeSpan Duration { get; set; }
    public string MusicPath{ get; set; }
    public BitmapImage AlbumCover { get; set; }

 }
}

我在 MainPage.xaml 中写了这个：

<Page
x:Class="App29.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App29"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d">

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <ListView Name="mylist" ItemsSource="{x:Bind MusicList}">
        <ListView.ItemTemplate>
            <DataTemplate>
                <StackPanel Tapped="StackPanel_Tapped" >
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding FileName}" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Artist}" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Album}" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Duration}" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding FileName}" />
                    </StackPanel>
                    <StackPanel Orientation="Horizontal">
                        <Image Source="{Binding AlbumCover}"/>
                    </StackPanel>
                </StackPanel>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
    <MediaElement Name="mymediaelememt" Source="{Binding MusicPath}"/>

</Grid>

我在 MainPage.xaml.cs 中写了这个：

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.ApplicationModel.Background;
using Windows.Foundation;
using Windows.Foundation.Collections;
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;

   namespace App29
 {
/// <summary>
/// An empty page that can be used on its own or navigated to within a Frame.
/// </summary>
public sealed partial class MainPage : Page
{

    private ObservableCollection<MusicLib> MusicList = new ObservableCollection<MusicLib>();
    public MainPage()
    {
        this.InitializeComponent();
    }

    protected override async void OnNavigatedTo(NavigationEventArgs e)
    {
        StorageFolder musicLib = KnownFolders.MusicLibrary;
        var files = await musicLib.GetFilesAsync();

        foreach (var file in files)
        {
            StorageItemThumbnail currentThumb = await file.GetThumbnailAsync(ThumbnailMode.MusicView, 200, ThumbnailOptions.UseCurrentScale);
            var albumCover = new BitmapImage();
            albumCover.SetSource(currentThumb);

            var musicProperties = await file.Properties.GetMusicPropertiesAsync();
            var musicname = musicProperties.Title;
            var musicdur = musicProperties.Duration;

            var artist = musicProperties.Artist;
            if (artist == "")
            {
                artist = "Artista desconocido";
            }

            var album = musicProperties.Album;
            if (album == "")
            {
                album = "Unkown";
            }
            MusicList.Add(new MusicLib
            {
                FileName = musicname,
                Artist = artist,
                Album = album,
                Duration = musicdur,
                AlbumCover = albumCover,
                MusicPath = file.Path
            });

        }
    }

    private void StackPanel_Tapped(object sender, TappedRoutedEventArgs e)
    {

    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {

    }


}

}

它工作正常，但我希望它在我点击它时播放选定的音乐我是怎么做到的？？？

Answer 1

您可以为 ListView 创建一个新的 SelectionChanged 事件：

private void ListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        ListView view = (ListView)sender;
        //Get Selected Item
        MusicLib song = view.SelectedItem as MusicLib;
        string path = song.MusicPath;

        //code to play song from song.MusicPath
        MediaElement player = new MediaElement();
        player.Source = MediaSource.CreateFromUri(new Uri(path));

        player.Play();
        //can then control the playback of the song through the player object then
    }

然后将其附加到您在构造函数中的 ListView 中，用于插入点击事件的页面：

mylist.SelectionChanged += ListView_SelectionChanged;

编辑 1： 添加了从源字符串播放歌曲

Answer 2

要将 ListView 用作可点击列表，您应该使用 ItemClick 事件。

XAML：

<ListView SelectionMode="None"
          IsItemClickEnabled="True"
          ItemClick="ListView_ItemClick"
          >

C#：

private void ListView_ItemClick(object sender, ItemClickEventArgs e)
{
    MusicLib clicked = (MusicLib)e.ClickedItem;
    // Playing the file
}

Answer 3

首先你应该使用Marian的方法或@Kenny方法来获取用户点击的项目，然后你应该使用MediaPlayer来帮助你播放音乐并给它一个名字，例如将它命名为“Media " 。完成后，您可以将Meia.Source 设置为用户选择的音乐。

 Meia.Source=MediaSource.CreateFromUri(new Uri(song.MusicPath));
 Media.Play();

关于MediaPlayer的更多信息，转到https://msdn.microsoft.com/en-us/windows/uwp/audio-video-camera/play-audio-and-video-with-mediaplayer