面试题：Objective-C中WatchKit开发之界面布局

Question

在Objective-C的WatchKit开发中，如何使用Interface Builder进行Apple Watch应用的界面布局？请简要描述关键步骤以及常用的界面组件。如果需要在Watch界面上添加一个可点击的按钮，并在点击后跳转到另一个界面，代码该如何实现？

Answer 1

使用Interface Builder进行Apple Watch应用界面布局的关键步骤

1. 创建WatchKit Extension：在Xcode中创建一个新的WatchKit Extension项目，这会自动生成相关的故事板文件（.storyboard）用于界面设计。
2. 打开故事板：在项目导航器中找到并打开Interface.storyboard文件，Interface Builder界面会呈现出来。
3. 拖放组件：从Object Library（可通过Cmd + Shift + L快捷键调出）中选择所需的界面组件，拖放到故事板的界面场景中。例如，按钮、标签、图像视图等。
4. 布局与约束：使用Interface Builder的布局工具，为组件添加约束以定义它们在不同尺寸屏幕上的位置和大小。可以通过选择组件后，在Attributes Inspector和Size Inspector中设置相关属性。
5. 连接视图控制器：如果有多个界面场景，通过segue来连接不同的视图控制器，以实现页面跳转。

常用的界面组件

1. WKInterfaceLabel：用于显示文本信息，可设置字体、颜色、对齐方式等属性。
2. WKInterfaceButton：可点击的按钮，支持设置标题、背景颜色、图片等。
3. WKInterfaceImage：用于展示图片，支持加载本地或远程图片。
4. WKInterfaceGroup：可以作为一个容器，将多个组件组合在一起，方便整体布局和管理。
5. WKInterfaceTable：用于显示列表数据，类似于iOS中的UITableView。

在Watch界面上添加可点击按钮并实现跳转的代码实现

1. 在Interface Builder中：
   • 拖放一个WKInterfaceButton到界面场景中。
   • 拖放另一个WKInterfaceController到故事板中，用于目标界面。
   • 从按钮上按住Control键拖动到目标WKInterfaceController，选择show类型的segue来创建跳转关系，并为segue设置一个标识符（例如"showDetail"）。
2. 在代码中：
   • 在当前WKInterfaceController的实现文件（.m）中，导入目标WKInterfaceController的头文件。

   #import "DestinationInterfaceController.h"
   

   • 实现按钮的点击事件处理方法，通过segue进行跳转。

   - (IBAction)buttonTapped {
       [self pushControllerWithName:@"DestinationInterfaceController" context:nil];
       // 或者使用segue标识符跳转
       // [self performSegueWithIdentifier:@"showDetail" context:nil];
   }
   

在上述代码中，pushControllerWithName:context:方法直接通过名称跳转到目标视图控制器，而performSegueWithIdentifier:context:方法通过segue标识符进行跳转，具体使用哪种方式可根据实际需求决定。同时，context参数可用于在跳转时传递数据到目标视图控制器。