使用ListView展示数据

练习2—显示 好友详细 练习 显示QQ好友详细 显示 信息 需求说明： 需求说明：
在上一个练习基础上完善 在窗体上显示好友的详细信息： 号码、 在窗体上显示好友的详细信息：QQ号码、性别、 号码 性别、 年龄，通过快捷菜单实现3种视图的切换 年龄，通过快捷菜单实现 种视图的切换
完成时间： 分钟 完成时间：15分钟
查询学生信息
• 实现学生信息查询功能
使用DataReader 读取查询结果 使用
使用ListView 控件显示数据 使用
演示示例5 演示示例5：查询学生信息
关键代码分析-1 关键代码分析
• 关键代码——查询信息：
StringBuilder sql = new StringBuilder(); //模糊查询语句拼接 模糊查询语句拼接 sql.AppendLine("SELECT S.[StudentNo],S.[StudentName],S.[Gender], G.[GradeName] "); sql.AppendLine(" FROM Student AS S, Grade AS G "); sql.AppendLine(" WHERE S.[GradeId]=G.[GradeId] "); sql.AppendFormat(" AND S.[StudentName] LIKE '%{0}%'", this.txtStudentName.Text.Trim()); //Command命令 命令 SqlCommand command = new SqlCommand(sql.ToString(), dbHelper.Connection); // 执行查询用户命令 dataReader = command.ExecuteReader(); …… 回顾 DataReader 的使用步骤
关键代码分析-2 关键代码分析
• 关键代码——添加记录到 ListView：
创建列表视图项 // 创建一个 创建一个ListView项 项 ListViewItem lviStudent = new ListViewItem(loginId); // 将ID放在 放在Tag中 放在 中 lviStudent.Tag = (int)dataReader["StudentID"]; 添加列表视图项的子项 // 向当前项中添加子项 lviStudent.SubItems.AddRange( new string[ ] { studentName, studentNO, userState }); // 向ListView中添加一个新项 中添加一个新项 lvStudent.Items.Add(lviStudent); 添加列表视图项
第三章
使用ListView控件展示数据 使用ListView控件展示数据
回顾与作业点评
• 模糊查询的查询条件如何写？ • 使用Command的哪个方法从数据库中查询 多行多列的结果？ • DataReader DataReader的使用步骤？
本章任务
• 实现好友头像切换 • 实现查询学生信息功能
演示示例1 演示示例1 ：我的电脑大小图标切换
练习1—显示 好友头像 练习 显示QQ好友头像 显示 需求说明： 需求说明： 和昵称
设计QQ好友窗体 好友窗体 设计 在窗体上显示好友的头像和昵称， 在窗体上显示好友的头像和昵称，能够切换大头 像和小头像
完成时间： 分钟 完成时间：15分钟
共性问题集中讲解
设置ListView关联的 关联的ImageList 设置 关联的
// 设置大图标关联的ImageList 设置大图标关联的 大图标关联的 lvMyComputer.LargeImageList = this.ilLarge; // 设置小图标关联的ImageList 设置小图标关联的 lvMyComputer.SmallImageList = this.ilSmall;
共性问题集中讲解
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
动态添加ListView的数据 的数据 动态添加
• 如何用代码向ListView中添加数据？
实现动态添加
• 创建ListViewItem对象 • 添加子ห้องสมุดไป่ตู้：
ListViewItem对象 对象.SubItems.Add(); // 每次添加一个子项 对象 // 一次添加多个子项 ListViewItem对象 对象.SubItems.AddRange(字符串数组 字符串数组); 对象 字符串数组
• 添加到ListView的Items集合中：
ListView对象 对象.Items.Add(); 对象
演示示例4 动态添加 演示示例4：动态添加ListView数据 数据
关键代码分析-1 关键代码分析
• 设置ListView的视图
lvMyComputer.View = View.LargeIcon; View属性 属性 通过View类型 类型 通过 获取视图种类
属性名称 Columns Items 说 明
详细视图中显示的列 ListView中的项 中的项
演示示例2 演示示例2：我的电脑详细信息视图
快捷菜单ContextMenuStrip
通过快捷菜单切换视图
为控件指定快捷菜单： 为控件指定快捷菜单：ContextMenuStrip 属性
演示示例3 演示示例3：快捷菜单切换视图
本章目标
• 使用ImageList控件存放图片 • 使用ListView控件展示数据 • 使用右键菜单实现快捷操作
神奇的ListView 神奇的
• ListView ：列表视图控件
以特定样式或视图类型显示列表项
大小图标切换
模拟“我的电脑”，实现大小图 标切换
说 明
需要用到的属性
属性名称 Items View LargeImageList SmallImageList
继续上一个练习 将查询结果显示在窗体上， 将查询结果显示在窗体上，用ListView控件显示 控件显示
完成时间：20分钟 完成时间： 分钟
共性问题集中讲解
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
总结
• 如何获得ImageList中的某一张图片？ • ListView控件详细信息视图时，要设置 哪些内容？画出它们的关系 • 通过哪个属性切换ListView的视图？ ListView
关键代码分析-2 关键代码分析
• 创建项，添加项和子项
// 创建ListView的项 创建 的项 ListViewItem itemC = new ListViewItem("C盘",0); 盘 // 向项中添加子项（方式一） 向项中添加子项（方式一） itemC.SubItems.Add("本地磁盘 本地磁盘"); 本地磁盘 itemC.SubItems.Add("14.2GB"); itemC.SubItems.Add("4.54GB"); //向项中添加子项（方式二） 向项中添加子项（方式二） 向项中添加子项 itemC.SubItems.AddRange( new string[]{"本地磁盘 "14.2GB", "4.54GB"}); 本地磁盘", 本地磁盘 // 将项添加到 将项添加到ListView中 中 lvMyComputer.Items.Add(itemC); ListView的项 的项
练习4—实现学生信息查 练习 实现学生信息查 询功能 需求说明： 需求说明：
实现MySchool中学生信息查找功能 中学生信息查找功能 实现 按照姓名模糊查找， 按照姓名模糊查找，在MessageBox的方法中输 的方法中输 出查找结果
完成时间： 分钟 完成时间：20分钟
练习5—显示学生信息查 练习 显示学生信息查 询结果 需求说明： 需求说明：
添加子项
练习3—编码添加好友信 练习 编码添加好友信 息 需求说明： 需求说明：
重新实现上一个练习 好友的信息全部通过编码添加到ListView中 好友的信息全部通过编码添加到 中 通过右键菜单实现视图切换
完成时间： 分钟 完成时间：20分钟
共性问题集中讲解
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
ListView中的项 ListView中的项 指定显示哪种视图 大图标图像的 ImageList控件 控件 小图标图像的 ImageList控件 控件
存放其他控件使用的图片
图像列表ImageList 图像列表
• 图像列表ImageList的属性
属性名称 Images ImageSize ColorDepth TransparentColor 存储的所有图像 图像的大小 颜色数 被视为透明的颜色 说 明
共性问题集中讲解
常见调试问题及解决办法 代码规范问题
ListView的详细信息视图 的详细信息视图
列的集合 Columns
项的集合 Items
子项的集合 SubItems
列表视图项 ListViewItem
列表视图项的子项 ListViewSubItem
显示详细视图
模拟“我的电脑”详细视 图
需要用到的属性