9、打造VillainTracker应用的GUI界面

打造VillainTracker应用的GUI界面

在开发VillainTracker应用时，一个完善的图形用户界面（GUI）是必不可少的。下面将详细介绍如何逐步构建这个应用的GUI界面，包括添加各种组件、进行逻辑分组、设置窗口大小以及连接代码等操作。

1. 添加图像视图

在VillainTracker应用中，显示反派的面容是很重要的功能。我们将使用 NSImageView 类的实例来显示反派的图片，并通过Mac的拖放机制接收图片输入。具体操作步骤如下：
1. 回到对象库面板，在搜索字段中输入“image”。搜索结果中的“Image Well”实际上就是 NSImageView 的一个实例，将其拖到窗口中，放置在上一部分的单选按钮矩阵右侧。
2. 初始的图像视图比较小，我们需要调整其大小。调出大小检查器（快捷键⌥⌘5），可以看到图像视图的宽度和高度均为48，将它们都修改为96，窗口中的控件大小就会相应改变。
3. 为了让用户能够将图像拖入该视图，我们还需要调出属性检查器（快捷键⌥⌘4），勾选“Editable”复选框。
4. 拖动图像视图在窗口中进行位置调整，此时会弹出蓝色的参考线。确保该控件与左侧的单选按钮矩阵垂直高度相同，将它们并排摆放。然后复制一个标签，放置在图像视图的左上方，并将其标题改为“Appearance:”。

2. 添加矩阵复选框

为了让用户勾选每个反派的能力和技能，我们将添加一系列复选框。同样使用矩阵来实现，不过这次矩阵中填充的是复选框而非单选按钮。操作步骤如下：
1. 再次打开对象库，在搜索字段中输入“check”，将搜索结果中的