本文由CocoaChina翻译组成员dada()翻译自 Apple Watch Programming Guide：App Essentials ，敬请勘误。

Xcode支持用storyboard来创建Watch app的界面。当你在工程中新建一个Watch app，Xcode提供会提供一个storyboard来实现你的UI。这个Storyboard至少有一个Watch app的界面场景，并可能有额外的快速预览（glance）或通知界面场景。你可以从界面控制器中的对象库中拖动到storyboard的场景中。

Storyboard中的每个场景以相应的 WKInterfaceController 子类为支持 （对于动态通知界面，子类是 WKUserNotificationInterfaceController ）。 对于每一个新的场景，可以在标识检查器（Identity inspector）中输入你界面控制器的名字。 每个界面控制器的代码都在WatchKit的扩展目标中运行，不用在你的Watch app中引入任何代码。

界面控制器怎样工作（ How Interface Controllers Work） 

界面控制器（Interface controller）管理你storyboard的场景内容。每个界面控制器都使用outlet来保存场景中的引用对象，并定义action方法来响应用户交互。在运行时，你可以使用界面控制器的 initWithContext: 和 willActivate 方法来配置界面。在这些方法里，你的操作任务如下：

• 获取你想展示的数据。

• 设置初始化和配置标签，图片和其他控件。

• 根据你的需要，展示或隐藏你的界面对象。

这里没有限制Watch app中能拥有的界面控制器数量，但是过多的界面控制器意味着更复杂，所以要尽可能精简。您为app选择的导航类型定义了用户怎样从一个界面跳入下一个。 有些导航类型需要你清晰的展示下一个界面控制器，而有些不用。更多关于两个场景间导航的信息，请查阅 Interface Navigation .

整合你的故事版场景（ Assembling Your Storyboard Scenes）

Watch app不使用iOS app那种布局模型。当你整合你的Watch app的界面场景，你无法在充足的空间里通过任意的布局元素来创建视图层级。相反，当你添加元素到场景，Xcode列出许多选项给你，垂直地叠放在不同的 行中。在运行时，Apple Watch会根据可用空间将这些元素平铺出来。

WatchKit也提供了几种在storyboard场景里更精确的布局方法。大多数视图元件的size和position都可以在属性监视器 （Attributes inspector）里配置。对象组群提供了另一种重要的工具来布局组件，及允许你像垂直布局那样水平布局你的元素。组群还提供额外的选项来布局组群的边 界内组件。组群没有默认的视觉呈现形式，但可以按你自己的想法配置背景颜色或者背景图。

图5-1展示了排列在storyboard文件中的几种不同元素。前三个元素都是标签，它们每个都占用了自己那一行的全部水平宽度。对于每个标 签，对齐变量决定了视图控制器边框是向左对齐、向右对齐还是居中对齐。标签的下面是一组水平排列的包含了两张图的对象。界面还包含了一个开关、， 一条separator（分割线）和一个按钮，这些元素都垂直地堆叠在对象组的最下面。

图5-1 Xcode中的界面：

当在Xcode中创建你的界面时，尽可能地让对象自己调整尺寸来适应可用空间。App界面应该可以运行两种尺寸的Apple Watch。让系统调整对象尺寸来适应可用空间，这样可最小化为每款设备编写的代码量。

在运行时更新界面（ Updating Your Interface at Runtime）

在运行过程中，界面控制器能让对象在相应的storyboad场景中做如下改变：

• 设置或修改数据变量

• 支持改变对象的外观

• 改变对象的尺寸

• 改变对象的透明度

• 显示或隐藏对象

你不能添加新的对象到界面或者改变已经存在对象的次序。尽管你不能移除对象，但你可以通过隐藏对象来暂时从图层中移除。当控件被隐藏时，其他对象将会填充 此前被占用的空间。 如果不想填满这些空间，可以把对象的alpha值设置为0。 更多关于隐藏场景对象的信息请查阅 Hiding Interface Objects 。

界面的国际化（ Internationalizing Your Interface） 

WatchKit app的storyboard是默认基于国际化的。这个特性会使在storyboard中任意的字符串都被自动的添加到__Localizable.strings__文件中。 您 唯一 要做的工作就是针对每种目标语言翻译文件中的字符串，并将其包含到应用程序中。 当在运行时创建storyboard场景时，Xcode会插入与本地化相关的文件。

当考虑国际化你的app时，您主要考虑的是如果排布你的界面，让包含文本的标签和控件能有足够的空间进行扩展。您可以垂直布局界面元素以便有足够的空间展示其标题，而不是把多个按钮放在同一行中。

对于文本和图片的国际化处理，可以使用iOS和OS X应用相同的技术。

• 使用 NSLocalizedString 宏来从资源文件夹加载字符串。

• 使用 NSNumberFormatter 对象来格式化数值型变量。

• 使用 NSDateFormatter 对象来格式化日期。

更多信息详见国际化处理 Internationalization and Localization Guide 。