C# GUI（Winform）案例

项目知识点补充#

① C# 项目没有 sln 怎么用 VS 打开

② 临时测试，程序是否运行成功

Copy
// 控制台输出内容 Console.WriteLine(...);

// 比如下面就是测试 vlc 控件是否运行成功，输出 mp4 文件名
private void openbutton_Click(object sender, EventArgs e)
{
    OpenFileDialog ofd = new OpenFileDialog();
    ofd.Filter = "视频文件(*.mp4)|*.mp4";

    if(ofd.ShowDialog() == DialogResult.OK)
    {
        Console.WriteLine(ofd.FileName);
    }
}

③ 控件名改了，但代码没变

对代码控件名部分使用 ctrl + H，更改成新的控件名

④ 控件添加动作（如 click）

要点击 GUI 界面的控件并 Enter，出来代码再做修改，直接复制粘贴代码是没有用的

案例一：音乐播放器#

参考：C#使用axWindowsMediaPlayer实现音乐播放器

示例图片

代码示例

Copy
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.IO;

namespace Video_player
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        List<string> listSong = new List<string>();
        private void openbutton_Click(object sender, EventArgs e)
        {
            OpenFileDialog ofd = new OpenFileDialog();
            ofd.Title = "请选择文件";
            ofd.Multiselect = true;
            ofd.InitialDirectory = @"C:\Users\14805\Desktop\music";
            ofd.Filter = "mp3文件|*.mp3";
            ofd.ShowDialog();
            //获得我们在文件夹中选择所有文件的全路径
            string[] path = ofd.FileNames;
            for (int i = 0; i<path.Length; i++)
            {
                //将音乐文件的文件名加载到ListBox中
                listBox1.Items.Add(Path.GetFileName(path[i]));
                //将音乐文件的全路径存储到泛型集合中
                listSong.Add(path[i]);
            }
        }

        private void playbutton_Click(object sender, EventArgs e)
        {
            if (playbutton.Text=="播放")
            {
                // axWindowsMediaPlayer1.URL = listSong[listBox1.SelectedIndex];
                axWindowsMediaPlayer1.Ctlcontrols.play();
                playbutton.Text = "暂停";
            }
            else
            {
                axWindowsMediaPlayer1.Ctlcontrols.pause();
                playbutton.Text = "播放";
            }
        }

        private void lastbutton_Click(object sender, EventArgs e)
        {
            // 获得当前选中歌曲的索引
            int index = listBox1.SelectedIndex;
            index--;
            if (index < 0)
            {
                index = listBox1.Items.Count - 1;
            }
            //将重新改变后的索引重新的赋值给当前选中项
            listBox1.SelectedIndex = index;
            axWindowsMediaPlayer1.URL = listSong[index];
            axWindowsMediaPlayer1.Ctlcontrols.play();
        }

        private void nextbutton_Click(object sender, EventArgs e)
        {
            int index = listBox1.SelectedIndex;
            index++;
            if (index==listBox1.Items.Count)
            {
                index = 0;
            }
            listBox1.SelectedIndex = index;
            axWindowsMediaPlayer1.URL = listSong[index];
            axWindowsMediaPlayer1.Ctlcontrols.play();
        }
    }
}

步骤：
① 添加 TableLayoutPanel 控件
用于布局接下来的控件

② 添加控件（ListBox、axWindowsMediaPlayer、FlowLayoutPanel、Button）
ListBox：RowSpan 属性设置 2（跨列）
axWindowsMediaPlayer：在 COM 组件中找到
FlowLayoutPanel：为多个 Button 控件安放位置，因为 TableLayoutPanel 一个位置只能有一个控件
Button：共四个，分别为 openbutton、playbutton、lastbutton、nextbutton，作用如其名

思考
明白了先布局后布置控件的步骤是重要的，而且在布置控件的过程中，我发现有些控件很难摆放到自己想要的位置，说白了还是自己不熟练（或者根本不明白各属性的作用），这个小项目只有 5% 是按照自己想法完成的，大部分还是参考网上大佬的，毕竟是速成嘛

案例二：视频播放器#

大步骤一：下载并尝试 vlc 控件#

参考：C# winform vlc 视频播放

示例图片

代码示例：

Copy
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.IO;

namespace vlc_test
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void openbutton_Click(object sender, EventArgs e)
        {
            OpenFileDialog ofd = new OpenFileDialog();
            ofd.Filter = "视频文件(*.mp4)|*.mp4";

            if(ofd.ShowDialog() == DialogResult.OK)
            {
                Console.WriteLine(ofd.FileName);

                vlcControl1.SetMedia(new System.IO.FileInfo(ofd.FileName));
            }
        }

        private void playbutton_Click(object sender, EventArgs e)
        {
            if(playbutton.Text == "播放")
            {
                vlcControl1.Play();
                playbutton.Text = "暂停";
            } else
            {
                vlcControl1.Pause();
                playbutton.Text = "播放";
            }
        }

        private void stopbutton_Click(object sender, EventArgs e)
        {
            vlcControl1.Stop();
        }
    }
}

细分步骤
① 更改调试功能 Any CPU 为 x64

② 工具 》NuGet 包管理器 》管理解决方案的 NuGet 程序包，并下载 Vlc.DotNet.Forms 插件，并经过一系列调整（具体细节观看参考视频）

③ 写代码（轻车熟路了已经）

大步骤二：初步美化#

参考视频：基于C#的扁平化音乐播放器UI实现——高响应、侧边栏、Drop Down按钮
参考文章：IU Moderno, Menú

示例图片

代码示例：

Copy
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace beautiful_vlc
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            hideSubMenu();
        }

        private void hideSubMenu()
        {
            // 隐藏子菜单
            panelMediaSubMenu.Visible = false;
            panelPlaylistSubMenu.Visible = false;
            panelToolsSubMenu.Visible = false;
        }

        private void showSubMenu(Panel subMenu)
        {
            if (subMenu.Visible == false)
            {
                hideSubMenu();
                subMenu.Visible = true;
            }
            else
                subMenu.Visible = false;
        }

        private void btnMedia_Click(object sender, EventArgs e)
        {
            showSubMenu(panelMediaSubMenu);
        }
        #region MediaSubMenu

        #endregion

        private void btnPlaylist_Click(object sender, EventArgs e)
        {
            showSubMenu(panelPlaylistSubMenu);
        }
        #region PlaylistSubMenu

        #endregion

        private void btnEqualizer_Click(object sender, EventArgs e)
        {
            openChildFormInPanel(new Form3());
            //..
            //your codes
            //..
            hideSubMenu();
        }

        private void btnTools_Click(object sender, EventArgs e)
        {
            showSubMenu(panelToolsSubMenu);
        }
        #region ToolsSubMenu


        #endregion

        private void btnHelp_Click(object sender, EventArgs e)
        {
            hideSubMenu();
        }

        private Form activeForm = null;
        private void openChildFormInPanel(Form childForm)
        {
            if (activeForm != null)
                activeForm.Close();
            activeForm = childForm;
            childForm.TopLevel = false;
            childForm.FormBorderStyle = FormBorderStyle.None;
            childForm.Dock = DockStyle.Fill;
            panelChildForm.Controls.Add(childForm);
            panelChildForm.Tag = childForm;
            childForm.BringToFront();
            childForm.Show();
        }

        private void button2_Click(object sender, EventArgs e)
        {
            openChildFormInPanel(new Form2());
            //..
            //your codes
            //..
            hideSubMenu();
        }
    }
}

细分步骤
跟着视频走即可

大步骤三：最终美化并打包#

参考文章：Diseño IU
参考视频：去 YouTuBe 找！！！

思考
相比于 WPF，Winform 播放视频还得另下载 vlc 控件，真是麻烦，不过 WPF 在只能写代码上，可能会更麻烦。看了很多扁平化视频，包括下面的评论，我发现扁平化可能是最简单的入门项目，进阶还需要学习 mvvm 模式（mvc 模式的改进版），而且比较理解了不止有 WPF、Winform 这两个基于 .net 的框架，还要很多很多框架（甚至能跨平台），也比较能看懂 C# 是服务于这些框架的小 case 了，看来自顶向下学习总归是没错的（谢谢催稿的冯老师😀），还有 QT，尽管它也是 GUI，但它隶属于 C++ 的 QT 自身的框架（毕竟 QT 不止 GUI）。
数据库命令看此篇笔记：sql_node

Copy
// cmd 连接数据库
mysql -u root -p -P3306

最终步骤：开发已完成！！#

具体项目链接在此：https://github.com/CourserLi/Betasture