对于一个萌新来说,要实现一个音乐播放器还是很难的一个作业,我先寻求了组里的同学和一个外组同学的帮助,然后才开始自己的工作。
好在xmal控件中有一个MediaPlayer控件,

于是我写了这样的代码

这样就基本完成了播放器的主题,随后我用Grid对界面进行了简单排版

因为要求能够选取文件,于是我去问了万能的度娘,然后找到了这段代码

于是我写了下面的代码

因为是音乐播放器,所以在拓展名的地方我改成了MP3和MP4。
途中,因为头文件的缘故导致开始的代码是运行不了的,最后通过系统自动补全的代码解决了这个问题。
然后运行的结果


因为电脑刚重装了系统,vs和git链接那里出了一点问题,我就把代码粘在博客里了,emmmmmm
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.Storage;
using Windows.Storage.Pickers;
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;
// https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x804 上介绍了“空白页”项模板
namespace MediaPlayer
{
/// <summary>
/// 可用于自身或导航至 Frame 内部的空白页。
/// </summary>
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
}
private async void Button_GetFile_Click(object sender, RoutedEventArgs e)
{
FileOpenPicker openPicker = new FileOpenPicker();
openPicker.ViewMode = PickerViewMode.Thumbnail;
openPicker.SuggestedStartLocation = PickerLocationId.PicturesLibrary;
openPicker.FileTypeFilter.Add(".mp3");
openPicker.FileTypeFilter.Add(".mp4");
openPicker.FileTypeFilter.Add(".rmvb");
StorageFile file = await openPicker.PickSingleFileAsync();
if (file != null)
{
var stream = await file.OpenAsync(Windows.Storage.FileAccessMode.Read);
Player.SetSource(stream, file.ContentType);
}
else
{
return;
}
}
}
}
<Page
x:Class="MediaPlayer.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:MediaPlayer"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" Width="1000">
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="100" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="100" />
<RowDefinition Height="*" />
<RowDefinition Height="100" />
</Grid.RowDefinitions>
<Button
x:Name="Button_GetFile"
Width="200" Height="100"
Content="读取文件"
FontSize="36"
Click="Button_GetFile_Click"
Grid.Column="1" Grid.Row="2"
HorizontalAlignment="Left"/>
<TextBlock Name="Head"
Grid.Column="0" Grid.Row="0" Width="200" Height="100">
Player
</TextBlock>
<Grid Grid.Column="1" Grid.Row="1">
<MediaElement
Name="Player"
HorizontalAlignment="Stretch"
VerticalAlignment="Bottom"
AutoPlay="True"
AreTransportControlsEnabled="True"
Height="auto" />
</Grid>
</Grid>
</Page>