5、WatchKit 界面开发：使用分组优化布局与动画

WatchKit 界面开发：使用分组优化布局与动画

1. WatchKit 界面基础与距离标签更新

在 WatchKit 开发中，当用户点击“Finish Lap”按钮时，标签会进行更新。为了确保距离标签在界面激活时正确初始化，需要在 willActivate() 方法中添加对 updateDistanceLabel() 的调用。以下是具体代码：

override func willActivate() {
    super.willActivate()
    if lapTimes == nil || startDate == nil {
        lapTimes = []
        startDate = NSDate()
    }
    updateDistanceLabel()
}

这样，当进入该屏幕时，距离标签会初始化为 0。点击“Finish Lap”按钮后，标签会自动更新。要测试这个界面控制器，可以按以下步骤操作：
1. 在故事板中，将初始控制器箭头拖动到该界面控制器。
2. 运行应用程序。
3. 点击“Finish Lap”按钮，观察标签更新。
4. 测试完成后，将箭头拖回“Go Running”界面控制器。

2. WatchKit 布局系统与分组的引入

WatchKit 的 UI 系统是完全线性的。当向界面控制器添加界面对象时，它们会从上到下堆叠。这与 iOS 中的 UIStackView 类