表格视图、集合视图与文档应用开发指南

# 表格视图、集合视图与文档应用开发指南 ## 一、表格视图操作 ### 1.1 表格视图单元格文本设置 在表格视图中，若要根据不同列设置单元格文本，可参考以下代码： ```objc } else if ([tableColumn.identifier isEqualToString:@"Duration"]) { NSString* durationText = [NSString stringWithFormat:@"%i:%02i", (int)song.duration / 60, (int)song.duration % 60]; textField.stringValue = durationText; } return textField; ``` 此代码的逻辑为：当列标识符为 “Duration” 时，将歌曲时长转换为 “分:秒” 的格式，并设置到文本字段中。 ### 1.2 表格视图排序 表格视图排序功能可通过设置排序键实现，具体步骤如下： 1. **设置标题列排序键**：在大纲中选择 “Table Column—Title”，打开属性检查器，将排序键设置为 “title”，选择器保持 “compare:”，排序顺序设为 “Ascending”。 2. **设置时长列排序键**：在大纲中选择 “Table Column—Duration”，将排序键更改为 “duration”。 3. **实现排序方法**：在 `AppDelegate` 中添加以下方法： ```objc - (void)tableView:(NSTableView *)tableView sortDescriptorsDidChange:(NSArray *)oldDescriptors { [self.songs sortUsingDescriptors:tableView.sortDescriptors]; [tableView reloadData]; } ``` 此方法会在表格视图排序描述符改变时被调用，对歌曲数组进行排序并重新加载表格数据。 ### 1.3 使用绑定的表格视图 使用 Cocoa 绑定可简化表格视图的使用，具体操作步骤如下： 1. **移除数据源和委托链接**：在大纲中选择表格视图，打开连接检查器，移除 `dataSource` 和 `delegate` 链接。 2. **绑定表格视图内容**：打开绑定检查器，将表格视图的内容绑定到数组控制器。 3. **绑定标题列文本字段**：选择标题列表格视图单元格中的文本字段，将其值绑定到 “Table Cell View”，并将模型键路径设置为 “objectValue.title”。 4. **绑定时长列文本字段**：同样选择标题列表格视图单元格中的文本字段，将其值绑定到 “Table Cell View”，模型键路径设置为 “objectValue.durationString”，同时在 `Song.m` 中添加以下方法： ```objc - (NSString*) durationString { return [NSString stringWithFormat:@"%i:%02i", (int)self.duration / 60, (int) self.duration % 60]; } ``` ## 二、集合视图使用 ### 2.1 集合视图概述 集合视图是用于显示对象集合的工具，与表格视图不同，它能以非列表的方式展示数据。在 iOS 和 OS X 中都有集合视图，但 iOS 上的实现更佳，本文主要介绍 iOS 上的 `UICollectionView`。 ### 2.2 创建集合视图应用 以创建一个在网格中显示数字集合的应用为例，步骤如下： 1. **创建项目**：创建一个名为 “AwesomeGrid” 的 iPad 单视图应用。 2. **创建集合视图控制器**：删除 `ViewController.h` 和 `ViewController.m` 文件，通过 “File→New→File…” 创建一个名为 `GridViewController` 的 `UICollectionViewController` 子类。 3. **准备集合视图**：打开 `Main.storyboard`，删除原视图控制器，拖入一个集合视图控制器，在身份检查器中将其类改为 `GridViewController`。 4. **创建集合视图子类并使用**： - 通过 “File→New→File…” 创建一个名为 `GridCell` 的 `UICollectionViewCell` 子类。 - 在 `Main.storyboard` 中选择集合视图左上角的单元格，在身份检查器中将其类改为 `GridCell`。 - 在属性检查器中将集合视图项的标识符改为 “GridCell”。 - 调整单元格大小约为原来的两倍，拖入一个标签，使用属性检查器增大字体、更改颜色为白色，调整标签大小填充单元格并使文本居中。 - 打开