项目知识点补充
① C# 项目没有 sln 怎么用 VS 打开
② 临时测试,程序是否运行成功
// 控制台输出内容 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实现音乐播放器
示例图片
代码示例
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 控件
示例图片
代码示例:
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ú
示例图片
代码示例:
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 了,看来自顶向下学习总归是没错的(谢谢催稿的冯老师