第20讲 带列表视图的数据浏览窗体实例

9
控件( ) 四,ListView控件(1/3) 控件
ListView称为列表视图控件, ListView称为列表视图控件,它以带图标的列表方式显示项目供用 称为列表视图控件 户选择.视图形式可有小图标,大图标,列表和详细信息等四种. 户选择.视图形式可有小图标,大图标,列表和详细信息等四种.
第二十讲
带列表视图的数据浏览 窗体实例
李德奇 主编
大连理工大学出版社
1
教学目标
掌握多窗格窗体的设计过程 掌握ListView ListView控件的使用 掌握ListView控件的使用 掌握TreeView控件和ListView TreeView控件和ListView控件的配合协调方法 掌握TreeView控件和ListView控件的配合协调方法 完成带列表视图的数据浏览窗体实例的程序编写
8
三,带列表视图的数据浏览窗体的主要程序代码
列表视图控件单击代码 private void listView1_Click(object sender, System.EventArgs e) { if(listView1.SelectedIndices.Count>0) { //使窗体右下部的详细信息显示区可见 使窗体右下部的详细信息显示区可见 panel1.Visible=true; //取选择项的索引号 取选择项的索引号 int n=listView1.SelectedIndices[0]; //显示选择项的学生文本信息 显示选择项的学生文本信息 labelNumber.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["学号 学号"].ToString(); 学生信息表 学号 labelName.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["姓名 姓名"].ToString(); 学生信息表 姓名 labelSex.Text=studentSet.Tables["学生信息表 labelSex.Text=studentSet.Tables["学生信息表"].Rows[n]["性别"].ToString(); 学生信息表"].Rows[n]["性别 性别"].ToString(); labelClass.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["班级 班级"].ToString(); 学生信息表 班级 labelBirthday.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["出生日期 出生日期"].ToString().Substring(0,11); 学生信息表 出生日期 labelFace.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["政治面貌 政治面貌"].ToString(); 学生信息表 政治面貌 labelNation.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["民族 民族"].ToString(); 学生信息表 民族 labelPlace.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["籍贯 籍贯"].ToString(); 学生信息表 籍贯 labelState.Text=studentSet.Tables["学生信息表 学生信息表"].Rows[n]["学习状况 学习状况"].ToString(); 学生信息表 学习状况 //显示学生相片 显示学生相片 string exePath=AppDomain.CurrentDomain.SetupInformation.ApplicationBase; string fileName=exePath+studentSet.Tables["学生信息表 学生信息表"].Rows[n]["相片 相片URL"].ToString(); 学生信息表 相片 FileInfo test=new FileInfo(fileName); if(test.Exists) { Image image1=Image.FromFile(fileName); pictureBox1.Image=image1; } else { pictureBox1.Image=null; } } }
4
一,带列表视图的数据浏览窗体的功能和用户界面(2/2) 带列表视图的数据浏览窗体的功能和用户界面( )
5
带列表视图的数据浏览窗体的设计步骤( ) 二,带列表视图的数据浏览窗体的设计步骤(1/3)
创建Windows应用程序项目,项目名称为" Windows应用程序项目 ⑴创建Windows应用程序项目,项目名称为"带列表视图的数据浏览 窗体实例" 窗体实例". 向窗体中加入一个ImageList控件,控件名为imageListTreeView ImageList控件 ⑵向窗体中加入一个ImageList控件,控件名为imageListTreeView . 该控件内加入两幅图片,一幅为文件夹图片, 该控件内加入两幅图片,一幅为文件夹图片,另一幅为打开文件 夹图片, TreeView控件提供节点图片 控件提供节点图片. 夹图片,它为接下来设计的 TreeView控件提供节点图片. 向窗体中加入1 控件,控件名为treeView treeView1 ⑶向窗体中加入1个TreeView 控件,控件名为treeView1.在它的属 性窗口设置其ImageList 属性值为imageListTreeView, ImageList属性值为 imageListTreeView,指明其节 性窗口设置其 ImageList 属性值为 imageListTreeView, 指明其节 点图片由该控件提供;设置其Dock属性值为Left Dock属性值为Left, 点图片由该控件提供;设置其Dock属性值为Left,使其停靠在窗 体的左边. 体的左边. Splitter控件 控件, splitter1 ⑷ 向窗体中加入 1 个 Splitter 控件 , 控件名为 splitter1, 设置其 Dock属性值为Left,将其紧贴在控件treeView的右边. 属性值为Left treeView的右边 Dock属性值为Left,将其紧贴在控件treeView的右边. 向窗体的右部加入一个Panel控件,控件名为panel Panel控件 panel1 设置其Dock ⑸向窗体的右部加入一个Panel控件,控件名为panel1,设置其Dock 属性值为Bottom 使停靠在窗体的右下部. Bottom, 属性值为Bottom,使停靠在窗体的右下部.
7
带列表视图的数据浏览窗体的设计步骤( ) 二,带列表视图的数据浏览窗体的设计步骤(3/3)
panel2 ListView控件 控件名为listView 控件, listView1 ⑽ 向 panel2 加入一个 ListView 控件 , 控件名为 listView1 . 打开控 件的属性窗口,设置其Dock属性值为Fill 使它充满在panel Dock属性值为Fill, panel2 件的属性窗口,设置其Dock属性值为Fill,使它充满在panel2 设置其MultiSelect属性值为false MultiSelect属性值为false, 中 .设置其 MultiSelect 属性值为 false , 在该控件内只允许一 次选择一个项目(一个学生) 设置其View属性值为SmallIcon View属性值为SmallIcon, 次选择一个项目(一个学生).设置其View属性值为SmallIcon, 初始状态下以小图标形式显示列表视图.设置其 SmallImageList属性值为 imageListSmallIcon, 属性值为imageListSmallIcon SmallImageList 属性值为 imageListSmallIcon , 指明其小图表 由 它 提 供 . 设 置 其 LargeImageList 属 性 值 为 imageListLargeIcon,指明其大图表由它提供.单击Columns Columns属 imageListLargeIcon,指明其大图表由它提供.单击Columns属 性后的按钮,打开ColumnHeader集合编辑器, ColumnHeader集合编辑器 性后的按钮,打开ColumnHeader集合编辑器,为它的详细信息 显示方式提供3个列,列标头分别为"姓名" 学号" 显示方式提供3个列,列标头分别为"姓名","学号"和"班 级". 向窗体中加入一个ContextMenu控件,控件名为contextMenu ContextMenu控件 contextMenu1 ⑾向窗体中加入一个ContextMenu控件,控件名为contextMenu1.为 menuItemSmallIcon, 该上下文菜单设计 4 个菜单项 , 分别为 menuItemSmallIcon , menuItemLargeIcon,menuItemList和menuItemDetails. menuItemLargeIcon,menuItemList和menuItemDetails.
Hale Waihona Puke 6带列表视图的数据浏览窗体的设计步骤( ) 二,带列表视图的数据浏览窗体的设计步骤(2/3)
⑹向panel1加入多个控件以便显示学生的详细信息. panel1加入多个控件以便显示学生的详细信息. 向窗体的右部加入一个Panel控件,控件名为panel Panel控件 panel2 设置其Dock Dock属性值 ⑺向窗体的右部加入一个Panel控件,控件名为panel2,设置其Dock属性值 Fill,使它充满容器的右上部.该控件作为容器控件, ListView控 为Fill,使它充满容器的右上部.该控件作为容器控件,将ListView控 件放在它里面. 件放在它里面. 向窗体中加入一个ImageList控件,控件名为imageListLargeIcon ImageList控件 imageListLargeIcon. ⑻向窗体中加入一个ImageList控件,控件名为imageListLargeIcon.该控 件内加入两幅图片,一幅为男生大图标,另一幅为女生大图标, 件内加入两幅图片,一幅为男生大图标,另一幅为女生大图标,设置图 像尺寸为Size(32,32) Size(32 ListView控件提供大图标图 像尺寸为Size(32,32).它为接下来设计的 ListView控件提供大图标图 片. 向窗体中加入一个ImageList控件,控件名为imageListSmallIcon ImageList控件 imageListSmallIcon. ⑼向窗体中加入一个ImageList控件,控件名为imageListSmallIcon.该控 件内加入两幅图片,一幅为男生小图标,另一幅为女生小图标, 件内加入两幅图片,一幅为男生小图标,另一幅为女生小图标,设置图 像尺寸为Size(16,16) Size(16 ListView控件提供小图标图 像尺寸为Size(16,16).它为接下来设计的 ListView控件提供小图标图 片.