WinForms零基础进阶控件教程(超实用详细版)

2024-04-13 17:12
文章标签 基础 进阶 教程 详细 实用 控件 winforms

本文主要是介绍WinForms零基础进阶控件教程(超实用详细版)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文章目录

  • 树型控件TreeView
    • 常用属性
    • 常用事件
    • 添加、删除树节点
    • 通过代码添加树节点
    • 通过代码删除树节点：
    • 管理节点图标
    • 响应事件，获取选中节点
  • 列表视图ListView
    • 常用属性
    • 常用事件
    • 添加、删除项
    • 使用ListViewItem集合编辑器添加，删除项：
    • 通过代码添加 / 删除项
    • 响应事件，获取选中项目内容。
    • 结合右键实现删除以及视图切换
      • 删除菜单响应代码：
      • 各种视图菜单响应代码：
  • 数据显示DataGridView
    • 绑定数据到控件
    • 根据内容自动调整控件size
    • AutoSizeColumnsMode属性
  • 音乐播放控件MediaPlayer
    • Winform添加打开MediaPlayer控件:
    • 常用属性及方法
  • 总结

在上一篇博客中，我们介绍了WinForms基础控件的使用。今天，我们将深入探讨更高级的控件，包括树型控件（TreeView）、列表视图（ListView）和数据显示控件（DataGridView），以及音乐播放控件（MediaPlayer）。我们将通过实际代码示例，帮助大家更好地理解和应用这些控件。

树型控件TreeView

TreeView控件用于显示具有层次结构的数据。它由层叠的节点（Node）分支构成，每个节点由图像和标签组成。节点可以展开或折叠，显示其子节点。

常用属性

  • Name: 获取或设置控件的名称。
  • Dock: 控件在父容器中的停靠方式。
  • Nodes: TreeView控件根节点集合。
  • SelectedNode: 获取或设置当前TreeView控件中选定的树节点。
  • ImageList: 获取或设置TreeView中所使用的图像集。

常用事件

  • AfterCollapse: 在折叠树节点后触发。
  • AfterExpand: 在展开树节点后触发。
  • AfterSelect: 在更改选中节点后触发。
  • Click: 在点击TreeView控件时触发。

添加、删除树节点

我们可以通过两种方式添加、删除树节点：

  1. 在TreeNode编辑器中添加、删除树节点。

在这里插入图片描述
2. 通过代码添加、删除树节点。

通过代码添加树节点

窗体添加Load事件，在事件处理函数中编码添加树节点

private void Form_Load(object sender, EventArgs e)
{//方案一：使用TreeNode对象进行添加节点// 创建根节点TreeNode root = new TreeNode("北京**********学院");// 将根节点添加至TreeView控件上this.tvSchool.Nodes.Add(root);// 创建专业节点TreeNode tnPro1 = new TreeNode("电子与电气");TreeNode tnPro2 = new TreeNode("电子商务");// 将专业节点添加至根节点root.Nodes.Add(tnPro1);root.Nodes.Add(tnPro2);// 创建课程节点TreeNode tnCourse1 = new TreeNode("C#");TreeNode tnCourse2 = new TreeNode("SQL SERVER");// 将课程节点添加至专业节点tnPro1.Nodes.Add(tnCourse1);tnPro1.Nodes.Add(tnCourse2);// 展开TreeView的所有节点this.tvSchool.ExpandAll();
//方案二：使用键值对的方式进行添加节点
private void TreeViewForm1_Load(object sender, EventArgs e)
{this.tvSchool.Nodes.Add("001", "北京**********学院");this.tvSchool.Nodes["001"].Nodes.Add("001001", "电子与电气");this.tvSchool.Nodes["001"].Nodes.Add("001002", "电子商务");this.tvSchool.Nodes["001"].Nodes["001001"].Nodes.Add("001001001","C#");this.tvSchool.Nodes["001"].Nodes["001001"].Nodes.Add("001001002", "SQL SERVER");this.tvSchool.Nodes["001"].Nodes["001002"].Nodes.Add("001002001", "搜索引擎优化");this.tvSchool.Nodes["001"].Nodes["001002"].Nodes.Add("001002002", "网络营销推广");this.tvSchool.ExpandAll();
}

通过代码删除树节点：

例如在上面添加的节点中删除"搜索引擎优化"节点

//通过节点对象删除
this.tvSchool.Nodes.Remove(tnCourse3);
//通过索引下标删除
this.tvSchool.Nodes[0].Nodes[1].Nodes.RemoveAt(0);
//通过键删除节点
this.tvSchool.Nodes["001"].Nodes["001002"].Nodes.RemoveByKey("001002001");

管理节点图标

为了在TreeView的节点中使用图标，我们需要借助ImageList控件。首先向窗体中添加ImageList控件，并向其中添加需要的图片。然后将ImageList控件与TreeView控件进行关联。
给节点设置图标有两种情况：

  1. 所有节点图标都一样：

此时直接在属性栏中或者通过代码找到TreeView控件，设置ImageIndex属性(未选中的展示图片索引)和SelectedImageIndex属性（选中情况下的图片索引）。
在这里插入图片描述

  1. 节点的图标不一致：

  • 通过编辑器添加的节点，直接在编辑中为每个节点设置ImageIndex属性和SelectedImageIndex属性。
    在这里插入图片描述

  • 通过代码，使用TreeNode对象添加的节点，在代码中为每个TreeNode设置ImageIndex属性和SelectedImageIndex属性。下面代码只为一个节点添加了图标，其他节点省略。

//方案一：
TreeNode root = new TreeNode("北京**********学院",0,1);
//方案二：
TreeNode root = new TreeNode("北京**********学院");
root.ImageIndex = 0;
root.SelectedImageIndex = 1;

​

  • 通过代码，使用键值对的方式添加的节点，在代码中为每个TreeNode设置ImageIndex属性和SelectedImageIndex属性。下面代码只为一个节点添加了图标，其他节点省略。
//方案一：
this.tvSchool.Nodes.Add("001", "北京**********学院",0,1);
//方案二：
this.tvSchool.Nodes.Add("001", "北京**********学院");
this.tvSchool.Nodes["001"].ImageIndex = 0;
this.tvSchool.Nodes["001"].SelectedImageIndex = 1;

响应事件，获取选中节点

为TreeView控件添加AfterSelect事件，节点被选中后触发，在事件处理函数中，获取选中节点，并提示其标签文本值和key。

TreeNode selectedNode = this.tvSchool.SelectedNode;
//如果在添加节点的时候，并不是以键值对的方式添加的或者没有设置Name值，那么selectedNode.Name里面是空字符串
MessageBox.Show(selectedNode.Text + "," + selectedNode.Name);

在这里插入图片描述
注意，运行时窗体会先弹出目前所选(或上次停留的节点),点击弹窗的按键后,窗体会“消失”,但实际上未关闭,点击下方任务栏中窗体的图标，即可选择其他节点展示。

列表视图ListView

ListView控件可以展示多项数据，每一项均为ListViewItem对象，每个ListViewItem对象中包含SubItems属性表示该项中所有子项的集合。

常用属性

属性说明
Name控件的名称
Dock控件在父容器中的停靠方式
Items包含控件中所有项的集合
Columns控件中显示的所有列标题的集合
View控件的显示视图
LargeImageList当控件以大图标视图显示时使用的ImageList
SmallImageList当控件以小图标视图显示时使用的ImageList
GridLines在包含控件中的行和列之间是否显示网格线
MultiSelect是否可以选择多项
SelectedItems获取在控件选定的项
FullRowSelect单击某项是否选择其所有子项

常用事件

  • Click: 在单击ListView控件时触发。
  • SelectedIndexChanged: 当选定项发生更改时触发。

添加、删除项

我们可以通过两种方式添加、删除项：

  1. 使用ListView编辑器添加、删除项。

  2. 使用代码为ListView添加、删除项。

ListView控件具有5种显示视图，由View属性设置，View属性的值及说明见下表：

属性值说明
Details详细视图，标准的二维表格，第一行为表头
LargeIcon（默认值）大图标，每一项显示为一个大图标
SmallIcon小图标，每一项显示为一个小图标
List列表，每项显示一行
Tile平铺，显示大图标，并在右侧显示详细信息

使用ListViewItem集合编辑器添加，删除项：

实现步骤：

（1）创建窗体，并向其中拖入ListView控件

（2）设置ListView控件的Dock属性在父容器中停靠。

（3）向ListView控件中添加，删除列。

（4）设置ListView控件的显示视图为Detail，此时可以看到列标题
（注意:编辑列之后 Details 视图才能正常显示）

（5）向ListView控件中添加，删除项（点击右上角三角，编辑项）

（6）添加ListViewItem项目，在text属性中设置第一列内容，在SubItems里面设置其他列内容。

注意：如果该项数据有图片，需要拖入两个ImageList控件，分别存储大图标和小图标的图片。

在这里插入图片描述

  • 点击ListView控件右上角三角，使用LargeImageList\SmallImageList属性将ListView控件与两个ImageList控件关联。
  • 然后直接在该项ListViewItem上设置ImageIndex属性设置图片的索引。

特别注意：如果ListView与ImageList关联，ListView的Detail视图中的行高会随着小图标视图的ImageList的图像高度而改变。而且取消与ImageList的关联后也无法还原，此时可以通过设置ImageList的图像大小来控制行高。

通过代码添加 / 删除项

private void Form_Load(object sender, EventArgs e)
{// 创建ListViewItem对象，设置text值（第一列的值）ListViewItem item1 = new ListViewItem("安琪拉");item1.Name = "itemAjl"; // 设置当前项的名字item1.ImageIndex = 0;  // 设置图标索引// 设置除第一列外其他列数据item1.SubItems.Add("超弱");item1.SubItems.Add("中等");item1.SubItems.Add("超强");item1.SubItems.Add("难");this.lvTimi.Items.Add(item1);// 下面同理，添加其他项// ......
}

//直接通过ListViewItem对象名删除
this.lvTimi.Items.Remove(item1);
//通过索引小标删除
this.lvTimi.Items.RemoveAt(0);
//通过键值对中的键删除，此处的键就是ListViewItem对象的name
this.lvTimi.Items.RemoveByKey("itemAjl");

响应事件，获取选中项目内容。

设置FullRowSelect属性为true，保证单击某项整行选中效果，选择ListView控件的DoubleClick（双击）事件,编写如下代码：

ListViewItem item = this.lvTimi.SelectedItems[0];
if (item == null)return;
string result = "";
result += "名字:" + item.Text + "\n";
result += "生存能力:" + item.SubItems[1].Text +"\n";
result += "攻击伤害:" + item.SubItems[2].Text + "\n";
result += "技能效果:" + item.SubItems[3].Text + "\n";
result += "上手难度:" + item.SubItems[4].Text + "\n";
MessageBox.Show(result);

结合右键实现删除以及视图切换

拖入ConTextMenuStrip控件，制作如下菜单，并设置ListView控件的ContextMenuStrip属性用来关联ListView控件和ContextMenuStrip控件：
在这里插入图片描述

删除菜单响应代码：

private void 删除ToolStripMenuItem_Click(object sender, EventArgs e)
{if (this.lvTimi.SelectedItems.Count == 0){MessageBox.Show("您没有选中项目!");return;}ListViewItem item = this.lvTimi.SelectedItems[0];this.lvTimi.Items.Remove(item);
}

各种视图菜单响应代码：

private void 大图标ToolStripMenuItem_Click(object sender, EventArgs e)
{this.lvTimi.View = View.LargeIcon;
}private void 小图标ToolStripMenuItem_Click(object sender, EventArgs e)
{this.lvTimi.View = View.SmallIcon;
}private void 详细ToolStripMenuItem_Click(object sender, EventArgs e)
{this.lvTimi.View = View.Details;
}private void 列表ToolStripMenuItem_Click(object sender, EventArgs e)
{this.lvTimi.View = View.List;
}private void 平铺ToolStripMenuItem_Click(object sender, EventArgs e)
{this.lvTimi.View = View.Tile;
}

数据显示DataGridView

DataGridView控件是一个强大的数据显示和用户输入控件。它允许用户编辑、更新和排序数据。

属性说明
DataSource要显示的数据集 (源)
ValueMember绑定处理程序标识，给程序员看的
DisplayMember绑定显示的数据，一般是显示给客户看的

绑定数据到控件

DataTable dataTable = new DataTable();
this.dataGridView1.DataSource = dataTable;

根据内容自动调整控件size

private void AutoSizeTable()
{int height = dataGridView1.Height;int width = 0;foreach (DataGridViewColumn col in dataGridView1.Columns){width += col.Width;}width += dataGridView1.RowHeadersWidth;width = (width > 650) ? 650 : width;dataGridView1.ClientSize = new Size(width + 2, height + 2);
}

在这里插入图片描述

AutoSizeColumnsMode属性

更改datagridview的column的AutoSizeMode

成员名称说明
None列宽不会自动调整
AllCells调整列宽，以适合该列中的所有单元格的内容，包括标题单元格
AllCellsExceptHeader调整列宽，以适合该列中的所有单元格的内容，不包括标题单元格
ColumnHeader调整列宽，以适合列标题单元格的内容
DisplayedCells调整列宽，以适合当前屏幕上显示的行的列中的所有单元格的内容，包括标题单元格
DisplayedCellsExceptHeader调整列宽，以适合当前屏幕上显示的行的列中的所有单元格的内容，不包括标题单元格
Fill调整列宽，使所有列的宽度正好填充控件的显示区域，只需要水平滚动保证列宽在MinimumWidth 属性值以上。相对列宽由相对 FillWeight 属性值决定

音乐播放控件MediaPlayer

MediaPlayer控件可以用于播放音频和视频文件。

Winform添加打开MediaPlayer控件:

  1. 工具箱，右键单击选择项点击顶部的Com组件
  2. 向下拉勾选Windows Media Player
    在这里插入图片描述

常用属性及方法

  • music.URL: 设置播放文件的路径。
  • music.Ctlcontrols.currentPosition: 获取播放的当前位置。
  • music.Ctlcontrols.Play: 播放。
  • music.Ctlcontrols.Stop: 停止播放。
  • music.Ctlcontrols.Pause: 暂停播放。
  • music.settings.volume: 设置音量。
  • axWindowsMediaPlayer1.settings.rate: 播放速率。

注意: 该控件的URL必须是绝对路径。

在这里插入图片描述

总结

以上就是本次WinForms零基础进阶教程的全部内容。希望能帮助大家更好地掌握这些控件的使用。在实际开发中，这些控件非常强大，可以构建出功能丰富的桌面应用程序。如果有任何问题，欢迎在评论区留言讨论！

如果觉得文章还不错,可以点赞、收藏和转发，以支持作者继续创作更多教程。 另外本专栏将会持续更新,作者专栏中有已经更新完毕的C#基础教程!!!

这篇关于WinForms零基础进阶控件教程(超实用详细版)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/900733。

相关文章

SpringBoot整合liteflow的详细过程

SpringBoot整合liteflow的详细过程

《SpringBoot整合liteflow的详细过程》：本文主要介绍SpringBoot整合liteflow的详细过程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋...  liteflow 是什么？ 能做什么？总之一句话：能帮你规范写代码逻辑 ，编排并解耦业务逻辑，代码
阅读更多...
浏览器插件cursor实现自动注册、续杯的详细过程

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机
阅读更多...
深度解析Python装饰器常见用法与进阶技巧

深度解析Python装饰器常见用法与进阶技巧

《深度解析Python装饰器常见用法与进阶技巧》Python装饰器（Decorator）是提升代码可读性与复用性的强大工具,本文将深入解析Python装饰器的原理,常见用法,进阶技巧与最佳实践,希望可... 目录装饰器的基本原理函数装饰器的常见用法带参数的装饰器类装饰器与方法装饰器装饰器的嵌套与组合进阶技巧
阅读更多...
深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

《深度解析SpringAOP@Aspect原理、实战与最佳实践教程》文章系统讲解了SpringAOP核心概念、实现方式及原理,涵盖横切关注点分离、代理机制（JDK/CGLIB）、切入点类型、性能... 目录1. @ASPect 核心概念1.1 AOP 编程范式1.2 @Aspect 关键特性2. 完整代码实
阅读更多...
Java Web实现类似Excel表格锁定功能实战教程

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.
阅读更多...
linux重启命令有哪些? 7个实用的Linux系统重启命令汇总

linux重启命令有哪些? 7个实用的Linux系统重启命令汇总

《linux重启命令有哪些?7个实用的Linux系统重启命令汇总》Linux系统提供了多种重启命令，常用的包括shutdown-r、reboot、init6等，不同命令适用于不同场景，本文将详细... 在管理和维护 linux 服务器时，完成系统更新、故障排查或日常维护后，重启系统往往是必不可少的步骤。本文
阅读更多...
HTML img标签和超链接标签详细介绍

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》：本文主要介绍了HTML中img标签的使用，包括src属性（指定图片路径）、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等，详细内容请阅读本文，希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h
阅读更多...
SpringBoot连接Redis集群教程

SpringBoot连接Redis集群教程

《SpringBoot连接Redis集群教程》：本文主要介绍SpringBoot连接Redis集群教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 依赖2. 修改配置文件3. 创建RedisClusterConfig4. 测试总结1. 依赖 <de
阅读更多...
CSS3打造的现代交互式登录界面详细实现过程

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性，感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.
阅读更多...
CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

《CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比》CSS中的position属性用于控制元素的定位方式，不同的定位方式会影响元素在页面中的布... css 中的 position 属性用于控制元素的定位方式，不同的定位方式会影响元素在页面中的布局和层叠关
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2