c# datagridview 增加事件_简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发

微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏。

简易音乐播放器主界面设计 - .NET CORE(C#) WPF开发

阅读导航

  1. 本文背景
  2. 代码实现
  3. 本文参考
  4. 源码

1. 本文背景

继续 MaterialDesignThemes 开源控件库学习,尤其是它的图标组件,本文设计的音乐播放器主界面设计使用该组件较多。

57a807238d974ac39e59ee1c7486e218
3769962a97094f46bb6f69642dea4ab2

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】,设计主界面,源码如下:

                                                                                                                                                                                                                                                        

简单说明:

  1. 界面中按钮使用开源控件库MD的【PackIcon】组件,统一风格使用了自定义前景色【Foreground】。
  2. 列表控件【ListView】用于展示音乐播放列表,方便演示,每一项写死的,实际使用需要封装成模板,方便MVVM数据绑定。
  3. 列表控件【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.本文参考

  1. 视频一:C# WPF Design UI: Music Player,配套源码:Player1。
  2. C# WPF开源控件库《MaterialDesignInXAML》

4.源码

演示代码已全部奉上,为了方便演示,代码中的图片使用本站外链,代码可直接拷贝并按代码结构组织编译即可运行。

可运行Demo点击即可下载: 【音乐播放器】。


除非注明,文章均由 Dotnet9 整理发布,欢迎转载。转载请注明本文地址:https://dotnet9.com/7981.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值