使用 Watch Face Studio 创建表盘主题

本指南将介绍 Watch Face Studio (WFS) 中包含的主要工具和窗口。

图 1. Watch Face Studio 主屏幕。

工具

WFS 包含以下工具：

• Add Component：打开一个列表，列出可添加到表盘中的组件。
• Forward 和 Backward：将所选组件前移或后移。
• Group 和 Ungroup：将多个组件分组在一起，以便可以作为一个组件进行控制，或者对一组组件取消分组。
• Mask：根据底部图层的形状轮廓，遮盖其他图层的所有内容或部分内容。
• Build：打开构建对话框。
• Run on device：打开一个对话框以在设备上预览表盘。

组件

您可以向表盘添加任意数量的不同组件，还可以将自定义设计来源用于组件。例如，使用文本组件显示心率或步数数据，或者添加用于启动应用的自定义图片。

组件类型

下面几部分将介绍支持的组件。

表盘画布

为表盘底部图层设置画布颜色：

文本

默认情况下，文本字段包含普通文本。普通文本是静态和固定不变的。在文本字段的属性窗口中，您可以将文本字段从普通文本更改为数据文本。数据文本可以发生变化，并可根据标记进行填充。

如需了解详情，请参阅标记表达式。

选择 Apply Curved-Text 选项，创建随着表盘弯曲的文本：

通过设置宽度 (W) 和高度 (H) 来确定文本的曲线。更改 W 和 H 的值会自动更改文本组件的尺寸。如需确定文本的位置，请选择一个范围预设值。您也可以通过指定 Start 和 Angular distance 来创建其他范围。将文本方向设置为顺时针 (CW) 或逆时针 (CCW)。

形状

添加各种形状，包括椭圆形和矩形。

图片

导入自定义映像。

动画

按照以下步骤导入动画的图片序列。

1. 使用 Adobe Flash 或 Adobe Premiere 等设计程序创建动画序列。
2. 依次点击 Add Component > Animation，将动画文件添加到表盘。
3. 从文件浏览器中选择一个图片序列，然后点击 Upload。
4. 通过更改图片顺序、移除图片或添加图片来修改动画。

5. 设置 Trigger value，用于确定要播放动画的时间。

   将触发器值设置为 WatchFace on，以在显示表盘后立即开始播放动画。其他选项包括 Tap、Every Sec、Every Min 和 Every Hour。您还可以使用 Delay 并输入秒数来延迟开始播放的时间。

其他动画选项包括：

• Auto replay：动画播放完毕后立即重复播放，直到出现中断，例如屏幕关闭。
• Repeat delay：为重复播放的动画设置两次播放之间的延迟时间。
• Resume Playback：确定因为中断（例如接收通知或接听来电）而停止播放时，是继续播放动画还是从头开始播放。
• Hide before playing：确定是否在触发播放前隐藏动画。
• Hide after finished：确定是否在播放完毕后隐藏动画。

多媒体

导入已添加动画效果的图片，例如 AGIF、Lottie 或 WebP 文件。

按照以下步骤添加多媒体图片：

1. 依次点击 Add Component > Multimedia。
2. 从文件浏览器中选择文件，然后点击 Upload。
3. 将 Trigger Value 设置为动画的开始时间。

请注意，多媒体图片的文件大小、分辨率和帧数会影响设备性能和耗电量。多媒体图片在操作期间异步加载且播放时可能会出现延迟，具体情况取决于手表功能和各项图片特征。

模拟指针

为时钟添加模拟的时针、分针和秒针：

打开文件浏览器，为每根指针选择要导入的图片文件。

模拟时钟指针具有 Rotation 属性。此属性包含以下选项：

• 同步对象
• 时区
• 旋转
• 值
• 移动效果

同步对象具有以下选项：

• 一天中的小时
• 一小时中的分钟
• 一分钟中的秒
• 一月中的天
• 月份
• 周几
• 年月日
• 月相

一分钟中的秒选项仅适用于滑动移动效果。添加秒针组件时，系统会自动设置此效果：

数字时钟

数字时钟的选项包括日期和时间：

添加日期时，请添加带有日期标记的文本组件。日期默认显示为 DAY_WEEK_S MON_S DAY_1_31_Z。

添加时间时，请添加带有数字时钟标记的文本组件。数字时间默认显示为 HOUR_1_12_Z:MIN_Z:SEC_Z。

进度条

向表盘添加进度条可跟踪各种活动。进度条组件的选项包括线形进度条和圆形进度条。从六个范围预设值中选择一个，以确定进度条的位置。您也可以通过指定 Start 和 Angular distance 来创建其他范围。将进度条的方向设置为顺时针或逆时针。

组件管理

请使用 WFS 工具管理组件。您可以在表盘上添加组件，对组件分组或取消分组，对组件排序，如以下部分所述。

添加组件

使用 + 按钮添加组件：

添加组件时，组件会被置于画布上的默认位置。系统会自动选中组件，方便您进行修改。

对组件分组或取消分组

组是一个或多个组件的组合。所有组件都可以分组。您也可以取消分组。

遮盖或取消遮盖组件

使用遮盖组时，最底部图层的形状将决定遮盖组的可见区域。其上的图层只能透过底部图层的形状轮廓显示出来。

例如，如果将一张三角形图片放在底部的图层中，然后将一张图片和一个动画放在其上的图层，那么图片和动画就只能透过底部图层的三角形轮廓显示。

如需创建遮盖组，请执行以下操作：

1. 选择要分组的图层。
2. 从热键区域选择 Mask，或右键点击图层并选择 Mask。

如需在图层窗口中释放遮盖组，请执行以下操作：

1. 选择遮盖组。
2. 从热键区域选择 Unmask，或右键点击图层并选择 Unmask。

预览窗口

在设计表盘时，预览窗口是您的主要工作区。

请将所有表盘元素添加到预览窗口中显示的画布中。在画布上，将元素拖到适当位置，调整大小，并对其进行排列和旋转。

图层窗口

图层窗口显示预览窗口中所显示的组件和组的列表。默认情况下，每个组件都有自己的图层。

在图层窗口中，您可以执行以下操作：

• 搜索：按名称搜索图层。
• 显示/隐藏：显示或隐藏图层。隐藏的图层不会显示在预览窗口中。
• 主题颜色：开启或关闭主题颜色。
• 重命名：双击名称字段并输入新名称，即可更改图层名称。

右键点击图层将显示以下菜单选项：

• 锁定/取消锁定：锁定图层以免其在画布上移动。
• 分组/取消分组：将多个组件分为一组，以便可以作为一个组件进行控制，或者对一组组件取消分组。
• 遮盖/取消遮盖：根据底部图层的形状轮廓遮盖其他图层的所有内容或部分内容，或从遮盖组中移除图层。
• 移动图片：将图片文件从一图个层移至另一个图层。仅对图片显示。
• 图层颜色：为图层添加颜色标签，用于区分图层。

条件行

您可以使用条件行在表盘上显示和隐藏组件，并控制组件的行为。使用条件行可根据时间、步数、电池电量或事件等特定条件更改表盘的外观。

添加组件时，系统默认设置时间条件。如需调整这些条件，请点击所需图层上的条件图标。如需将条件设置为重复，请右键点击帧区域，然后选择 Loop。

请注意，未显示的图层不会导致性能下降，也不会影响电池续航时间。

您可以将表盘设置为响应时间、步数、电池状态或事件，如以下部分所述。

时间

表盘可以基于时间间隔动态发生变化。例如，表盘可以白天明亮，然后在设定的时间后逐渐变暗。您可以设置要测量的时间，以小时、分钟或秒为单位。

请按照以下步骤添加时间条件：

1. 创建图层。
2. 设置时间段，用于控制每个图层的显示时间。选择起始点，然后选择时间范围。
3. 点击起始点并将其拖动到结束点。
4. 重复第 2 步和第 3 步，为每个图层设置时间段。
5. 点击 Run 预览所做更改。

如需根据用户手机上所选的设置，针对 12 小时设置和 24 小时设置显示不同的表盘，请执行以下操作：

1. 添加两个数字时钟组件，第一个组件用于 12 小时制版本，第二个组件用于 24 小时制版本。
2. 将它们放在同一个位置。
3. 在组件的条件行中添加 12 小时条件和 24 小时条件。
4. 设置时间段，以 12 小时制显示 12 小时图层的第一个数字时钟组件，以 24 小时制显示另一个图层。

时间控制

通过时间控制滑块，您可以查看表盘的实际运行情况。使用此方法可以预览表盘的全天变化情况。将滑块拖动到特定时间，或使用播放和快进按钮观看表盘动画。

步数

您可以将表盘设计为根据用户的步数而动态发生变化。例如，您可以创建一个表盘，根据已实现的每日步数目标百分比而发生变化。

电池

您可以将表盘设计为根据手表的可用电池续航时间百分比而动态发生变化。

活动

您可以将表盘设计为根据设备状态（例如电池电量低或未读通知）而动态发生变化。为此，请选择所需的事件，以及要在事件期间显示的图片或动画。

属性窗口

每个组件都有一系列可修改的属性。例如，您可以更改数字时钟上的数字颜色，也可以选择手表指针计的是小时、分钟还是秒。

操作面板

属性窗口中的操作面板可用于与表盘互动。例如，您可以让用户点按某个组件来更改图片、打开不同的应用或测量心率。

样式

“Style”标签页用于更改所选图层的样式。您可以为图片、多媒体图片、索引和指针组件添加样式。最多可添加 30 个主题颜色和 10 张图片。

Customization Editor 用于对组件应用自定义样式。

在 Customization Editor 对话框中，您可以自定义每个组件、图层和名称的样式。您还可以在此对话框中对样式进行重新排序或合并。

在 Style 标签页中，您最多可以添加 30 种主题颜色。每种主题颜色可以设置最多 3 种颜色变体。

在 Layer 或 Properties 标签页中设置这些颜色。在 Layer 标签页中，通过切换 Apply Theme Color 图标（最多三次）来设置颜色：

在 Properties 标签页中，通过选择 Apply Theme Color 单选按钮来设置颜色：

颜色

将指定颜色应用于组件，或为表盘保存主题颜色。对于复杂功能，初始颜色主题为灰度模式。

图片外观

使用以下控件修改图片的外观：

• Hue：控制色调。
• Saturate：调整图片颜色鲜艳程度。
• Lightness：调整图片颜色亮度。

文本外观

Text appearance 标签页用于设置文本对齐方式和字体样式。请在 Project Settings 中选择 Add Bitmap Font 来修饰文本。如果您想在添加到项目的位图字体中使用默认字号，请选中 Apply Default Font Size。

运行

您可以在 WFS 中的 Run 面板中运行表盘。在 WFS 中，您可以调整时间、日期、设备电池电量、用户步数、用户心率或陀螺仪值，以测试表盘在不同情况下的外观。您还可以调整在 Customization Editor 中设置的任何其他样式，包括未读通知数量、标记表达式或条件行。可将 Run 预览设置为“Active”或“Always-on”。使用“Always-on”时，WFS 会显示 Current-On Pixel Ratio 值和 Analyze 按钮。

使用 Run on device 在设备上测试表盘。

如需了解详情，请参阅测试您的表盘。