核心数据基础：GUI布局与Cocoa绑定设置

### 核心数据基础：GUI 布局与 Cocoa 绑定设置 #### 1. 自动 GUI 功能的变化 在过去，Xcode 3 拥有名为“Core Data Entity Interface Assistant”的功能，可依据 Core Data 模型自动布局具备基本 CRUD 功能的 GUI。不过，Xcode 4 移除了该功能，所以现在需要手动完成。实际上，手动操作并不复杂，且在完成前面的操作后，这个过程会让人感觉熟悉。而且，Xcode 自动生成的 UI 通常还需要进行大量清理工作。 #### 2. 创建 MythBase 显示界面 以下是创建 MythBase 显示界面的详细步骤： 1. 在 Xcode 中，单击 `MainMenu.xib` 文件。 2. 在左侧的对象坞中，打开名为“Window - MythBase”的主窗口。 3. 为了创建和编辑数据库管理的神话人物属性，需要拖动一个表格视图和一些字段。首先，将窗口高度调整为 500 像素。 4. 在对象库的搜索字段中输入“search”，将搜索字段拖到主 MythBase 窗口的右上角，利用蓝色引导线确定位置。 5. 在对象库搜索字段中输入“table”，将表格视图拖到窗口左侧边缘，拉伸以填充窗口宽度，使其与右侧的垂直蓝色引导线连接，并将其定位在搜索字段下方。 6. 打开属性检查器，将表格视图的内容模式设置为基于视图，列大小设置为“First Column Only”，并将表格视图设置为五列。若出现水平滚动条，可调整第二列宽度，直至五列全部可见。 #### 3. 设计 GUI 由于之前已经使用 Interface Builder 布局过多个用户界面，这里将快速介绍基本步骤，并且不会提及每个检查器的键盘快捷键。此应用程序与之前的某个应用类似，用户界面允许用户搜索神话人物数据库、添加和删除人物以及更改他们的特征。同时，将使用 Cocoa 绑定来建立连接。 表格视图将显示为 MythicalPerson 实体定义的所有属性（除了详细信息），因此需要设置列标题标签。具体操作如下： 1. 在表格视图中，点击第一列的标题，使其变为可编辑文本字段，输入“Name”作为列标题。 2. 依次点击后续列，分别设置标题为“Divinity”、“Power”、“Goodness”和“Depiction”。 接下来，设置一个指示器来显示搜索结果的数量： 1. 在对象库搜索字段中输入“Label”，将标签字段拖到窗口左侧、表格视图下方，利用蓝色引导线确定位置。 2. 将标签标题设置为“# out of #”，并调整大小以显示完整文本。 然后，添加搜索、添加和删除记录的按钮： 1. 在对象库搜索字段中输入“Button”，选择 Gradient 按钮。 2. 拖动一个按钮到表格视图下方，与上一步的文本字段平行，标题设置为“Fetch”。 3. 再拖动两个按钮到“Fetch”按钮右侧，分别标题为“Delete”和“Add”，并将它们定位在表格视图下方，与窗口右边缘对齐。 #### 4. 显示详细信息 为了显示所选神话人物的详细信息，需要布局相应的控件。具体步骤如下： 1. 找到并拖动一个标签到按钮下方、窗口中心线附近，双击设置标题为“Name:”。 2. 在对象库中找到并拖动一个文本字段到“Name:”标签旁边，拉伸至窗口宽度的三分之一（约 200 像素），将其定位在按钮下方，与屏幕右边缘对齐，同时将“Name:”标签拖动到文本字段左侧。 3. 复制“Name:”标签三次，使其排列在下方，并设置标题为“Divinity:”、“Power:”和“Goodness:”，最后将它们的右边缘对齐。 4. 由于“divinity”、“power”和“goodness”属性为数值类型，使用滑块进行设置。在对象库中搜索滑块，拖动一个水平滑块到“Divinity:”标签旁边、“Name”文本字段下方，拉伸至与文本字段宽度相同。 5. 在属性检查器中，将滑块的最小值设置为 0，最大值设置为 100，默认值设置为 50，并勾选“Continuous”复选框。 6. 复制滑块两次，分别定位在“Power:”和“Goodness:”标签旁边。 7. 对于“depiction”和“details”属性，使用图像井和文本框显示。在对象库搜索字段中输入“image”，将图像井拖到屏幕左下角，调整大小为 150 像素高、200 像素宽，并在属性检查器中设置为可编辑。 8. 在对象库搜索字段中输入“text”，将文本视图拖到右下角，调整大小为 150 像素高、250 像素宽。在属性检查器中，关闭“Rich Text”复选框，并更改搜索设置。 9. 为这些控件添加标签，分别设置为“Depiction”和“Details”，并将“Details”标签的右边缘与滑块标签对齐。 10. 最后，配置表格视图的列。对于“Depiction”列，需要将当前的 NSTextField 替换为图像井。具体操作是在左侧对象坞中选择该列单元格中的“Static Text”对象，删除后，在对象库中搜索“image”，将图像井拖到该列的空表格单元格视图中，并将表格单元格视图的高度扩展到 48 像素。 以下是 GUI 布局步骤的流程图： ```mermaid graph LR A[打开 MainMenu.xib 文件] --> B[调整窗口高度] B --> C[添加搜索字段] C --> ```