打造直观易用的用户界面与按钮交互

### 打造直观易用的用户界面与按钮交互 #### 1. 用户界面基础 在过去，我们创建的示例程序通常仅使用`NSLog`命令将数据打印到日志窗口。但这显然不是用户与程序交互的理想方式。对于Mac程序，用户期望它能像常规Mac程序一样，在屏幕顶部显示下拉菜单，如“文件”“编辑”“视图”和“帮助”等常见菜单标题。他们还希望通过可移动、调整大小和收缩的窗口及对话框与程序进行交互。在每个窗口和对话框中，用户期望看到按钮、复选框、文本字段、滑块和单选按钮等，以便向程序输入数据并获得相应输出。 #### 2. 认识Interface Builder Xcode中用于可视化设计用户界面的部分称为Interface Builder。过去，我们需要编写代码让程序运行，再编写额外代码创建用户界面。虽然现在仍可这样做，但使用Interface Builder创建用户界面要简单可靠得多。 编写Objective - C代码时，代码存储在扩展名为`.h`和`.m`的类文件中，通常存于`Classes`文件夹。创建用户界面时，界面存储在扩展名为`.xib`的文件中，这类文件常被称为nib文件，因为它们曾被称为NeXTSTEP Interface Builder文件。Xcode通常将用户界面的`.xib`文件存储在`Resources`文件夹中。 简单程序可能只有一个用户界面，通常以`MainMenu.xib`文件形式存储在`Resources`文件夹中。如果程序需要显示不同类型的界面，可能需要两个或更多`.xib`文件。使用Interface Builder的基本思路是创建和设计包含窗口以及按钮、复选框和滑块等常见用户界面项目的用户界面。 #### 3. 创建新的用户界面`.xib`文件 创建新项目时，项目可能会自动创建`MainMenu.xib`文件。若该文件不存在或需要添加额外的用户界面`.xib`文件，可按以下步骤操作： 1. 选择“文件”➤“新建文件”，会弹出模板对话框。 2. 在左窗格的“Mac OS X”类别下点击“用户界面”，右窗格会显示不同类型的用户界面文件，如下表所示： | 类型 | 描述 | | ---- | ---- | | 应用程序 | 创建提供下拉菜单和窗口的完整用户界面 | | 主菜单XIB | 创建新的下拉菜单栏 | | 窗口XIB | 创建新窗口 | | 视图XIB | 创建用于显示项目的自定义窗口 | | 空XIB | 创建基本的用户界面 | 3. 点击代表所需用户界面文件类型的图标。 4. 点击“下一步”，会弹出“另存为”对话框，可选择用户界面文件的名称。 5. 为用户界面`.xib`文件输入描述性名称。 6. 点击“完成”，新的用户界面文件将出现，你可以将其拖放到其他文件夹。 #### 4. 理解`.XIB`文件的组成部分 创建典型的Mac程序时，Xcode会自动创建`MainMenu.xib`文件，其中包含程序的大部分用户界面，这些界面以图标形式显示在Interface Builder窗口中。界面中的图标被一条水平线分为两组，线上的图标称为占位符对象，线下的图标称为界面对象。 ##### 4.1 占位符对象 占位符对象代表存储在用户界面`.xib`文件之外的项目，它们是Objective - C代码和用户界面之间的链接。常见的占位符对象有： - **文件所有者**：定义哪个类文件与`.xib`用户界面文件链接，每个`.xib`用户界面文件一次只能与一个类文件配对。 - **第一响应者**：定义如何处理用户查看`.xib`文件显示的用户界面时采取的任何操作。 - **应用程序**：定义程序的行为。若不自定义该图标，程序将默认像常规Mac程序一样运行。 在学习使用Xcode编程时，通常无需更改这些占位符对象图标的选项。 ##### 4.2 界面对象 界面对象代表存储在特定`.xib`文件中的用户界面的不同部分。常见的界面对象有： - **主菜单**：代表屏幕顶部出现的下拉菜单。 - **窗口**：代表屏幕上出现的窗口。 - **应用程序委托**：定义包含用于响应不同类型事件的Objective - C代码的类文件，通常定义为`ProgramNameAppDelegate`文件，其中`ProgramName`是实际的程序名称。 - **字体管理器**：定义控制用户界面上显示字体的类，默认是`NSFontManager`类。 大多数情况下，只需要一个主菜单、应用程序委托和字体管理器图标，但可能有多个窗口图标。此外，还可以定义其他对象与用户界面进行交互。在所有显示的占位符和界面对象图标中，大部分时间只会使用主菜单和窗口图标，并接受其他图标的默认值。 #### 5. 切换占位符和界面对象的视图 默认情况下，占位符和界面对象图标以图标形式显示。可以通过选择“视图”菜单或点击“视图模式”图标切换到不同视图（列表、图标或列视图）。列表和列视图除了显示每个图标的描述性名称外，还可以通过点击图标左侧的灰色展开三角形查看组成每个图标的部分，如组成主菜单图标的各个菜单。 #### 6. 设计用户界面 用户界面的设计通常通过窗口图标呈现，该图标显示实际的窗口，可在其中放置按钮、文本字段和图片等各种用户界面对象。设计用户界面的基本思路是选择一个用户界面对象并将其拖到`.xib`文件的窗口上，然后可能需要自定义该对象，如更改其位置或大小。最后，需要将部分（但不是全部）用户界面对象链接或连接到Objective - C代码，以便用户界面能够响应用户的某些操作，如点击按钮，并在屏幕上显示信息。 创建简单用户界面的步骤如下： 1. 选择“文件”➤“关闭项目”，关闭屏幕上当前显示的任何项目。 2. 选择“文件”➤“新建项目”，弹