iOS开发：表格视图入门与实践

### iOS 开发：表格视图入门与实践 #### 1. 表格视图简介 表格视图是向用户显示数据列表最常用的机制，是高度可配置的对象，可以根据需求呈现出各种外观。许多应用程序都使用表格视图来展示数据，例如邮件应用用它来显示账户、文件夹和消息列表；设置、音乐和时钟应用也使用表格视图，尽管这些应用的外观各不相同。 #### 2. 表格视图基础 - **表格结构**：表格用于显示数据列表，列表中的每个项目是一行。iOS 表格的行数可以无限多，仅受可用内存的限制，且表格只有一列。 - **表格视图与表格视图单元格**： - 表格视图是显示表格数据的视图对象，是 `UITableView` 类的实例。 - 表格的每个可见行由 `UITableViewCell` 类实现。表格视图负责显示表格的可见部分，而表格视图单元格负责显示表格的单行。 表格视图不负责存储表格数据，它只存储足够的数据来绘制当前可见的行。表格视图从符合 `UITableViewDelegate` 协议的对象获取配置数据，从符合 `UITableViewDataSource` 协议的对象获取行数据。 默认情况下，每个 `UITableViewCell` 对象可以配置一个图像、一些文本和一个可选的辅助图标（位于右侧的小图标）。如果需要，还可以通过以下两种基本技术向 `UITableViewCell` 添加子视图来放入更多数据： - 编程方式：在创建单元格时以编程方式添加子视图。 - 文件加载：从故事板或 nib 文件加载子视图。 #### 3. 分组表和普通表 表格视图有两种基本样式： | 样式 | 特点 | | ---- | ---- | | 分组表 | 包含一个或多个行的部分。在每个部分内，所有行紧密排列在一起；部分之间有明显的间隙。分组表可以由单个组组成。 | | 普通表 | 是默认样式。部分之间的距离稍近，每个部分的标题可以选择自定义样式。当使用索引时，这种样式也称为索引表。 | 每个表格的分区在数据源中称为一个部分。在分组表中，每个组是一个部分；在索引表中，每个索引分组的数据是一个部分。需要注意的是，虽然技术上可以创建带有索引的分组表，但 iPhone 人机界面指南明确规定分组表不应提供索引。 #### 4. 实现简单表格 以下是实现简单表格的详细步骤： 1. **创建新项目**：在 Xcode 中创建一个新项目，选择“Single View Application”模板，将项目命名为“Simple Table”，类前缀输入“BID”，设备系列设置为“iPhone”。 2. **设计视图**： - 在项目导航器中，展开顶级的“Simple Table”项目和“Simple Table”文件夹。 - 选择“Main.storyboard”来编辑 GUI。如果视图窗口在布局区域不可见，单击文档大纲中的图标将其打开。 - 在对象库中找到“Table View”并将其拖到视图窗口。表格视图应自动调整大小以适应视图的高度和宽度。 - 为了解决视图大小固定的问题，使用约束将表格视图的边缘固定到其父视图的边缘。具体操作是：在 Interface Builder 编辑区域底部的浮动按钮中，找到显示“Pin”的按钮并点击，在弹出的面板中点击每个虚线连接符号，使其变为实线，当四个都启用后，点击“Add 4 Constraints”按钮。 - 选中表格视图，按 `⌥⌘6` 打开连接检查器，将“dataSource”和“delegate”连接到视图控制器图标，使控制器类成为该表格的数据源和委托。 - 选中表格视图，打开属性检查器（`⌥⌘4`），在视图部分的“Tag”值中输入 1，以便后续在代码中检索该表格视图。 - 设置完连接后，保存故事板。 3. **编写控制器代码**： - 打开 `BIDViewController.h` 文件，添加以下代码： ```objc #import <UIKit/UIKit.h> @in ```