Windows程序设计案例教程》课件示例程序答案 第20讲 带列表视图的数据浏览窗体实例.pptVIP

尚辅网 尚辅网 教学目标 掌握多窗格窗体的设计过程 掌握ListView控件的使用 掌握TreeView控件和ListView控件的配合协调方法 完成带列表视图的数据浏览窗体实例的程序编写 教学内容 一、带列表视图的数据浏览窗体的功能和用户界面 二、带列表视图的数据浏览窗体的设计步骤 三、带列表视图的数据浏览窗体的主要程序代码 四、ListView控件 一、带列表视图的数据浏览窗体的功能和用户界面（1/2） 该示例实现对数据库XSGL中的[学生信息表]的记录进行快速定位浏览。用户在窗体左窗格的树型控件上选择一个系节点或者一个班级节点，在窗体的右窗格上部的列表视图中显示该系或班级的全部学生的带有图标的简要信息。用户在列表视图上选择某个学生后，在右窗格的下部显示该生的详细信息。程序运行后的用户界面如下图。 一、带列表视图的数据浏览窗体的功能和用户界面（2/2） 二、带列表视图的数据浏览窗体的设计步骤（1/3） ⑴创建Windows应用程序项目，项目名称为“带列表视图的数据浏览窗体实例”。 ⑵向窗体中加入一个ImageList控件，控件名为imageListTreeView?。该控件内加入两幅图片，一幅为文件夹图片，另一幅为打开文件夹图片，它为接下来设计的 TreeView控件提供节点图片。 ⑶向窗体中加入1个TreeView 控件，控件名为treeView1。在它的属性窗口设置其ImageList属性值为imageListTreeView,指明其节点图片由该控件提供；设置其Dock属性值为Left，使其停靠在窗体的左边。 ⑷向窗体中加入1个Splitter控件，控件名为splitter1, 设置其Dock属性值为Left，将其紧贴在控件treeView的右边。 ⑸向窗体的右部加入一个Panel控件，控件名为panel1，设置其Dock属性值为Bottom，使停靠在窗体的右下部。 二、带列表视图的数据浏览窗体的设计步骤（2/3） ⑹向panel1加入多个控件以便显示学生的详细信息。 ⑺向窗体的右部加入一个Panel控件，控件名为panel2，设置其Dock属性值为Fill，使它充满容器的右上部。该控件作为容器控件，将ListView控件放在它里面。 ⑻向窗体中加入一个ImageList控件，控件名为imageListLargeIcon。该控件内加入两幅图片，一幅为男生大图标，另一幅为女生大图标，设置图像尺寸为Size(32,32)。它为接下来设计的 ListView控件提供大图标图片。 ⑼向窗体中加入一个ImageList控件，控件名为imageListSmallIcon。该控件内加入两幅图片，一幅为男生小图标，另一幅为女生小图标，设置图像尺寸为Size(16,16)。它为接下来设计的 ListView控件提供小图标图片。 二、带列表视图的数据浏览窗体的设计步骤（3/3） ⑽向panel2加入一个 ListView控件，控件名为listView1。打开控件的属性窗口，设置其Dock属性值为Fill，使它充满在panel2中。设置其MultiSelect属性值为false，在该控件内只允许一次选择一个项目（一个学生）。设置其View属性值为SmallIcon，初始状态下以小图标形式显示列表视图。设置其SmallImageList属性值为imageListSmallIcon，指明其小图表由它提供。设置其LargeImageList属性值为imageListLargeIcon，指明其大图表由它提供。单击Columns属性后的按钮，打开ColumnHeader集合编辑器，为它的详细信息显示方式提供3个列，列标头分别为“姓名”、“学号”和“班级”。 ⑾向窗体中加入一个ContextMenu控件，控件名为contextMenu1。为该上下文菜单设计4个菜单项，分别为menuItemSmallIcon、menuItemLargeIcon、menuItemList和menuItemDetails。 三、带列表视图的数据浏览窗体的主要程序代码 列表视图控件单击代码 private void listView1_Click(object sender, System.EventArgs e) { if(listView1.SelectedIndices.Count0) { //使窗体右下部的详细信息显示区可见 panel1.Visible=true; //取选择项的索引号 int n=listView1.SelectedIndices[0]; //显示选择项的学生文本信息 labelNumber.Text=studentSet.T