微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏。
简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发
阅读导航
- 本文背景
- 代码实现
- 本文参考
- 源码
1. 本文背景
继续 MaterialDesignThemes 开源控件库学习,尤其是它的图标组件,本文设计的音乐播放器主界面设计使用该组件较多。
2. 代码实现
使用 .NET CORE 3.1 创建名为 “Player” 的WPF模板项目,添加1个Nuget库:MaterialDesignThemes.3.1.0-ci981。
解决方案主要文件目录组织结构:
- Player
- App.xaml
- MainWindow.xaml
- MainWindow.xaml.cs
2.1 App.xaml文件引入样式
文件【App.xaml】,在 StartupUri 中设置启动的视图【MainWindow.xaml】,并在【Application.Resources】节点增加 MaterialDesignThemes库的样式文件:
2.2 MainWindow.xaml音乐播放器主窗体
文件【MainWindow.xaml】,设计主界面,源码如下:
简单说明:
- 界面中按钮使用开源控件库MD的【PackIcon】组件,统一风格使用了自定义前景色【Foreground】。
- 列表控件【ListView】用于展示音乐播放列表,方便演示,每一项写死的,实际使用需要封装成模板,方便MVVM数据绑定。
- 列表控件【ListView】的竖直滚动条样式进行了修改,可看资源定义,改为了整体和黑色背景比较搭配的白色。
下面是后台代码:文件【MainWindow.xaml.cs】,关闭窗体、窗体移动、上一首及下一首按钮简单点击等事件处理,因为是演示事例,所以写的简单。
using System.Windows;using System.Windows.Input;namespace Player{ /// /// Interaction logic for MainWindow.xaml /// public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void ButtonFechar_Click(object sender, RoutedEventArgs e) { Application.Current.Shutdown(); } private void Proxima_Click(object sender, RoutedEventArgs e) { if (c1.Offset >= 0) { c1.Offset -= 0.01; c2.Offset -= 0.01; } else { c1.Offset = 1; c2.Offset = 0.89; } } private void Anterior_Click(object sender, RoutedEventArgs e) { if (c2.Offset <= 1) { c1.Offset += 0.01; c2.Offset += 0.01; } else { c1.Offset = 0.11; c2.Offset = 0; } } private void MoveWindow_MouseLeftButtonDown(object sender, MouseButtonEventArgs e) { DragMove(); } }}
3.本文参考
- 视频一:C# WPF Design UI: Music Player,配套源码:Player1。
- C# WPF开源控件库《MaterialDesignInXAML》
4.源码
演示代码已全部奉上,为了方便演示,代码中的图片使用本站外链,代码可直接拷贝并按代码结构组织编译即可运行。
可运行Demo点击即可下载: 【音乐播放器】。
除非注明,文章均由 Dotnet9 整理发布,欢迎转载。转载请注明本文地址:https://dotnet9.com/7981.html