运用Win10通知巧妙完成UWP桌面歌词

Windows 8是美国微软开发的新一代操作系统,Windows 8共有4个发行版本,分别面向不同用户和设备 。于2012年10月26日发布 。微软在Windows 8操作系统上对界面做了相当大的调整 。取消了经典主题以及Windows 7和Vista的Aero效果,加入了ModernUI,和Windows传统界面并存 。同时Windows徽标大幅简化,以反映新的Modern UI风格 。前身旗形标志转化成梯形 。 
Windows 10创意者更新(Creators Update)已经发布了几个月 。我们应该还记得,微软在这个版本中新增了在通知中添加进度条的功能,并首先在应用商店用上了这个功能 。不过,你有没有想过,这个通知可以做一些别的东西呢?下面,我来介绍一下,如何以Creator的身份,做出一个Creative的桌面歌词 。
成果示例
我已经做了一个很简单的实现桌面歌词的应用 。如果你看不懂代码,你可以选择直接安装这个应用,算是捧个场 。应用下载地址:请点此链接
在电脑上的安装方法:
1.打开旁加载 。
2.下载AppPackage.zip 。
3.全部解压,然后找到ps1文件,右键单击,然后选择“使用PowerShell运行” 。
4.遇到的提示一律允许 。
效果图:

运用Win10通知巧妙完成UWP桌面歌词

文章插图
通知的效果
运用Win10通知巧妙完成UWP桌面歌词

文章插图
整个屏幕的效果
利弊分析
可以看到,这个桌面歌词占了屏幕右下角挺大的一块(尤其是Win10秋季创意者更新) 。你可以作适当的调整,例如去掉进度条和按钮(按钮不在本文介绍的范围内),仅保留歌词,这样占用的空间会少一点 。另外,此通知需要常驻在屏幕上,为了实现这个效果,在手机上会导致屏幕的其它部分无法操作(必须划掉通知,但这样桌面歌词就失去意义),因此,本教程仅适用于PC和除了手机以外的其它可能适合的设备 。
第一步:启动播放器
MediaPlayer player = new MediaPlayer();
player.AutoPlay = true;
StorageFile file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///SampleSong.mp3"));
player.Source = MediaSource.CreateFromStorageFile(file);
以上的代码表示新建一个播放器,为它设置一个文件资源,然后让它自动播放 。
第二步:挂载事件
播放器大约每0.25秒就会触发一次PositionChanged事件,频率还是挺高的 。我们可以利用这个事件来显示进度、时间和歌词 。
player.PlaybackSession.PositionChanged += PlaybackSession_PositionChanged;
第三步:发送通知
在Visual Studio中,点击工具>NuGet包管理器>程序包管理器控制台 。等待“PM>”字符出现,然后输入
Install-Package Microsoft.Toolkit.Uwp.Notifications
按回车键并等待完成 。
然后,可以使用如下代码发送通知:
运用Win10通知巧妙完成UWP桌面歌词

文章插图
第一屏:此屏代码实现的效果有:
1.设置标题为“Scarborough Fair”
2.添加了进度条,并且绑定了四个字符串(BindableString)
3.设置了Scenario,使其常驻在屏幕上
4.设置了静音
运用Win10通知巧妙完成UWP桌面歌词

文章插图
第二屏:此屏代码实现的效果有:
1.给之前绑定的四个字符串指定值
2.给这个通知指定唯一的Tag
3.设置SequenceNumber为0,使系统知道这个数据是及时的
4.发送通知
第四步:处理事件
还记得吗?我们刚刚挂载了PositionChanged事件,现在该是处理它的时候了 。
运用Win10通知巧妙完成UWP桌面歌词

文章插图
图中的“Sample”表示Tag 。
这里的progressValue用于显示进度条,是从0到1的数字(转为字符串),我通过Milliseconds进行计算,因为我想要它尽量精确 。
progressStatus显示当前播放的时间,其中sec是比较容易忽略的 。当秒数小于10的时候,十位数是0,不能省略,否则会显示“1:2”而不是“1:02” 。
我们可以发现这里并没有设置progressValueString,因为我们已经在第三步设置它为总时间4:13,而这个总时间是不会改变的,所以在这里我们无需设置它 。
最后是最难的progressTitle 。这里你需要解析lrc或者其它歌词格式,需要由你自己来完成 。不过,如果你还没有会解析歌词,而又想提前体验一下效果,我提供临时的解决方案,以后你再慢慢学习解析歌词 。
运用Win10通知巧妙完成UWP桌面歌词

文章插图
源代码下载:
考虑到水印可能遮挡代码以及第四步的临时解决方案的代码过长,本文提供源代码下载 。
以上的代码请点此链接下载
选择“MusicSampleforITHome.zip”即可 。
下一步做什么?
下一步当然是把上面的代码化用了,因为你可以发现所有的播放源、歌曲名等等已经在代码里面写死了 。你需要做的就是将其灵活地运用在你需要它的位置 。祝你成功!
 
运用Win10通知巧妙完成UWP桌面歌词

文章插图
【运用Win10通知巧妙完成UWP桌面歌词】 

    推荐阅读