第六章-表视图.ppt

第六章表视图 主讲 谷瑞东南大学软件学院 苏州 本章任务 1 表视图概述2 表视图相关类介绍3 创建简单表视图4 自定义单元格5 静态单元格 5 编辑表格6 添加搜索栏7 警告框和操作表8 工作栏和导航栏 1 表视图概述 表视图 表视图是IOS开发中使用最为频繁的视图 一般情况都会使用表来展示数据 比如通信录 频道列表等 表头视图 表视图最上面的视图 用于展示表视图的信息 如表视图刷新表脚视图 表视图最下面的视图 用于展示 更多 等信息单元格 它是组成表视图的每一行的单位视图分区 节 它有多个单元格组成 1 表视图概述 表视图分类 主要分为图通列表视图和分组列表视图 此外表视图还可以有索引列 选择列和搜索栏 2 表视图相关类介绍 表视图的相关类 表视图 UITableView 继承自UIScrollView 它有两个协议 UITableViewDelegate协议和UITableViewDataSource数据源协议 2 表视图相关类介绍 单元格对象 UITableViewCell 该对象有一个子视图contentView contentView包含很多子视图 这些子视图组成单元格的外观 此外单元格对象还包含一个辅助视图指示器 用来显示一个指定的图标 2 表视图相关类介绍 单元格对象 UITableViewCell 单元格还可以有很多样式 我们可以根据需要进行定义 图标 标题 副标题可以有选择的设置 扩展视图可以内置或者自定义 样式由枚举类型UITableViewCellAccessoryType定义 2 表视图相关类介绍 数据源协议 TableViewDataSource 数据源协议主要为表视图提供数据源以及填充数据源 前两个为必须实现的方法 2 表视图相关类介绍 委托协议 UITableViewDelegate 如果程序需要响应表格行的选中事件 需要借助委托协议 它主要用来设置表视图中节头和节脚的标题 并响应一些动作 3 创建简单表视图 创建简单表视图 创建简单表视图 只需实现UITableViewDataSource协议中必须的方法即可 3 创建简单表视图 案例 创建简单表格视图 实现如下所示效果 4 定制表格行 定制表格行 如果只是使用系统提供的UITableViewCell 每个表格行只能包含textLabel detailTextLable和UIImageView这三个控件 程序员无法自由地对表格行进行定制 为了自由的控制表格行 可以通过如下方式来完成 使用xib文件定制表格行使用动态单元格原型来定制表格行 5 静态单元格 静态单元格 该表格的行数是固定的 开发者可以根据实际需求对静态表格进行设计 5 处理单元格的选中 处理单元格的选中 当表格控件允许被选中时 用户单击表格的某个控件时 系统就会选中对应的表格行 UITableView提供了如下属性来配置表格的选中状态 allowsSelection 该属性控制改表格是否允许被选中allowsMultipleSelection 该属性控制表格是否允许多选allowsSelectionEditing 该属性控制表格处于编辑状态时是否允许被选中allowsMulitipleSelectionDuringEditing 该属性控制表格处于编辑状态是否允许多选 5 处理单元格的选中 处理单元格的选中 如果程序需要响应表格行的选中事件 就需要借助UITableView的委托对象 6 编辑单元格 插入 删除 单元格 表格一旦进入删除或插入 单元格的左边会出现一个 编辑控件 插入数据时 新插入的单元格会出现在表格视图的最后 6 编辑单元格 移动单元格 单元格的顺序可以重新排列 其操作与插入和删除单元格类似 4 定制表格行 使用xib文件定制表格行 通过这种形式创建表格行 开发者能够以简单 直观的方式来设计表格行控件 4 定制表格行 使用动态单元格定义表格行 Storyboard对UITableView提供了改进 允许开发者直接在UITableView中设计单元格外观 7 添加搜索栏 添加搜索栏 UISearchBar 搜索条通常与UITableView控件组合使用 当数据较多时 可以对UITableView中的数据进行过滤 在这种场景下需要两个集合对象 一个用于保存表格控件的原始数据 一个用于保存过滤 筛选后的数据 searchBar textChange 当搜索文本的内容发生变化时会激发 searchBarSearchButtonClicked 当用户单击关联键盘上的 search 按钮激发的方法 searchBarCancelBtnClicked 当用户单击取消按钮时激发的方法 tableView titleForFooterInSection 该方法的返回值决定指定分区的页脚 多分区表格 如果希望UITableView生成的表格控件包含更多的分区 则需要实现dataSource的更多方法 8 多分区表格 numberOfsSectionInTableView 该返回值决定表格有多少分区 sectionIndexTitlesForTableView 该方法的返回值用于在