列表视图ListView
2026/7/1 17:33:42 网站建设 项目流程

ListView控件的常用属性:

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

ListView控件的常用方法:

方法说明
Clear从控件中移除所有项和列,清空ListView

ListView控件的常用事件:

事件说明
Click在单击ListView控件时触发
SelectedIndexChanged当选定项发生更改时触发

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

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

(1)详细视图(Details)

(2)大图标(LargeIcon)

(3)小图标(SmallIcon)

(4)列表(List)

(5)平铺(Tile)

ListView的结构:

(1)ListView控件可以展示多项数据,Items属性表示所有项的集合。

(2)其中每一项均为ListViewItem对象。

(3)每个ListViewItem对象中包含SubItems属性表示该项中所有子项的集合。

(4)其中每个子项均为ListViewSubItem对象。

一、给ListView添加删除项目

示例:使用ListView控件展示游戏人物的信息。

采用两种方法分别实现此功能:

(1)使用ListView编辑器添加,删除项。

(2)使用代码为ListView添加,删除项。

使用ListViewItem集合编辑器添加,删除项:

实现步骤:

(1)创建窗体,并向其中拖入ListView控件

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

(3)向ListView控件中添加,删除列(点击右上角三角,编辑列)。

(4)设置ListView控件的显示视图为Detail,此时可以看到列标题

(5)向ListView控件中添加,删除项(点击右上角三角,编辑项)

(6)添加ListViewItem项目,在text属性中设置第一列内容,在SubItems里面设置后续列内容。

注意:如果该项数据有图片

(1)需要拖入两个ImageList控件,分别存储大图标和小图标的图片。

(2)点击ListView控件右上角三角,使用LargeImageList\SmallImageList属性将ListView控件与两个ImageList控件关联。

(3)然后直接在该项ListViewItem上设置ImageIndex属性设置图片的索引。

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

使用代码为ListViewItem添加项:

实现步骤:

(1)创建窗体,并向其中拖入ListView控件

(2)设置ListView控件的Dock属性在父容器中停靠,name属性为lvTimi。

(3)向ListView控件中添加列(点击右上角三角,编辑列)。

(4)设置ListView控件的显示视图为Detail,此时可以看到列标题。

(5)在窗体加载时,编写代码为ListView添加项。

private void Form1_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删除项:

//直接通过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; }

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询