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

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

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

阅读导航

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

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

简单说明：

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

欢迎扫描下方二维码关注 Dotnet9 的微信公众号，本站会及时推送最新技术文章

---

时间如流水，只能流去不流回！

点击《【阅读原文】》，本站还有更多技术类文章等着您哦！！！

此刻顺便为我点个《【再看】》可好？