打造出色用户界面：从基础到布局优化

### 打造出色用户界面：从基础到布局优化 在开发应用程序时，用户界面（UI）的设计和实现至关重要。一个好的用户界面不仅能提升用户体验，还能提高应用的可用性和吸引力。下面将详细介绍用户界面开发中的几个关键方面，包括按钮操作、文本输入、Interface Builder的使用以及布局约束等内容。 #### 1. 按钮操作 按钮是用户界面中常见的交互元素，为按钮设置要执行的操作相对简单。可以通过调用`NSControl`的`-setTarget:`方法设置其目标对象（一个`id`类型），再使用`NSControl`的`-setAction:`方法设置其操作（一个消息选择器）。当按钮接收到鼠标点击（鼠标在视图范围内按下并释放）时，它会将操作消息发送给其目标。以下是示例代码： ```objc - (id)initWithFrame:(NSRect)frameRect { ... myButton.target = self; myButton.action = @selector(closeButtonClicked:); ... } - (void)closeButtonClicked:(id)sender { // close the window containing this view [[self window] performClose: sender]; } ``` `NSControl`的操作预期返回`void`，并且可以选择接受一个`id`类型的参数，这个参数就是触发操作的控件。这使得你可以用一个操作方法处理来自多个源的事件，或者在不将其存储在实例变量中的情况下修改发送者。 #### 2. 文本输入 在应用程序套件中，标准的文本输入控件是文本字段，由`NSTextField`类表示。还有一个`NSTextView`类，它支持在滚动视图中编辑带有丰富属性和附件的长文本，在`TextEdit`应用程序中就能看到其实际应用。 文本字段控件有多种不同状态： - **启用（Enabled）**：启用的文本字段默认将文本渲染为黑色，而禁用的字段渲染为灰色且不可编辑。 - **可选择（Selectable）**：文本字段的可选择性与可编辑性是分开的。例如，一个标签可能显示你希望用户能够复制的反馈信息，但标题标签可能不需要可选择性。 - **可编辑（Editable）**：当文本字段可编辑时，通常会有带边框的边界和白色背景。即使控件被设置为禁用状态，仍可保留边框和背景，但无法进行编辑。 实际的文本输入有一些有趣的细节。文本字段控件本身并不直接处理字符输入，而是将其委托给窗口拥有的`NSText`对象，即窗口的字段编辑器。该编辑器由窗口缓存，供任何需要提供实时编辑功能的文本控件使用。当你点击可编辑的文本字段时，字段本身不变，会在其上方放置一个新视图，该视图与字段边框或轮廓内的区域完全匹配。 `NSText`对象是Cocoa文本渲染API的最高级成员，它不仅用作字段编辑器，也是`NSTextView`的内容，支持处理原始字符串以及RTF（富文本格式）和RTFD（带附件的富文本格式），还能处理制表位、标尺、不同的书写方向和各种富文本属性。 #### 3. Interface Builder的强大功能 Interface Builder是一款强大的工具，它让程序员可以通过鼠标直观地放置UI元素，而不是通过编写代码。在Xcode 4版本中，Interface Builder的功能被直接集成到Xcode IDE中，成为任何用户界面资源的编辑器。在Mac OS X上，它是设计用户界面和配置常见用户元素的主要方式，这些元素通常包括： - 菜单和菜单项 - 窗口和实用面板 - 数据视图，如表格、网格和图像 - 控件，包括按钮、标签和可编辑文本字段 - 用于整理数据以便显示的控制器对象 Interface Builder处理存储在XIB（Xcode Interface Builder）文件中的资源。它通过`outlets`和`actions`系统将界面与代码连接起来： - **Outlets**：是对象上的变量，当界面加载到内存时，这些变量会连接到用户界面项。例如，如果窗口控制器类需要引用使用Interface Builder创建的表格视图，可以在类中创建一个带有`IBOutlet`关键字的属性，并将表格视图连接到该`outlet`。当界面加载时，该属性的值将使用相应的`NSTableView`实例设置。 - **Actions**：是界面响应某种用户输入而调用的方法。常见的操作源包括按钮点击或在文本字段中输入值。在源代码中定义操作时，添加一个返回类型为`IBAction`（`void`的特殊同义词）的方法，该方法可以选择接受一个`id`类型的参数，这个参数通常称为`sender`，表示发送此操作消息的用户界面对象。以下是一个带有`outlet`和`action`的示例类： ```objc @interface MyController : NSWindowController @property (weak) IBOutlet NSTableView *myTableView; - (IBAction) selectAll: (id) sender; @end ``` 在iOS中，`outlets`和`actions`的处理有一些细微差别。Mac OS X会保留任何顶级对象，而iOS则不会，因此在iOS上必须使用强引用保留所有`outlets`，而在Mac OS X上可以使用弱引用，以便在界面卸载时将属性设置为`nil`。对于`actions`，iOS在操作方法中添加了第二个可选参数`UIEvent`，用于触发操作，例如可以通过它获取触摸的数量和位置。方法声明如下： ```objc - (IBAction) performAction: (id) sender forEvent: (UIEvent *) event; ``` 在Interface Builder中，连接`outlets`和`actions`非常简单。按住`Control`键并从一个对象拖动到另一个对象，释放鼠标按钮时，会弹出一个菜单，显示可用的选项，包括第一个对象可以调用的第二个对象的任何可用操作，以及第一个对象可以指向第二个对象的任何`outlets`。也可以直接打开`Outlets Inspector`，将项目右侧的圆圈拖动到其目标上进行连接。 #### 4. 用户界面创建 在创建用户界面时，可以通过将控件从位于Xcode窗口右侧实用工具面板下半部分的对象库拖动到界面中来添加控件。在这里可以添加几乎任何类型的按钮、标签或输入控件，以及许多数据显示和布局视图。可以使用Xcode实用工具面板的上半部分编辑它们的属性，从右数第三个标签提供了编辑各种属性的功能。 - **身份检查器（Identity Inspector）**：允许修改屏幕元素的最基本信息，如为其提供标识符、工具提示、应用帮助，以及为辅助功能界面（如屏幕阅读器）提供项目描述等。这里的可编辑属性通常适用于所有视