使用 Watch Face Studio 创建表盘

使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

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

创建表盘

工具

WFS 包含以下工具:

  • Add Component:打开一个列表,列出可添加到表盘中的组件。
  • Forward/Backward:将所选组件前移或后移。
  • Group/Ungroup:将多个组件分为一组并作为一个组件进行控制。
  • Mask:借助该工具,您可以根据最底部图层的形状轮廓覆盖全部或部分其他图层。
  • Build:打开构建对话框。
  • Run on device:打开一个对话框以在设备上预览表盘。

热键

组件

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

组件类型

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

表盘画布

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

画布

文本

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

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

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

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

曲线文本

形状

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

图片

WFS 支持导入自定义图片。

动画

导入动画的图片序列。

动画

按照以下步骤添加动画:

  1. 使用 Adobe Flash 或 Adobe Premiere 等设计程序创建您自己的动画序列。
  2. 依次点击 Add Component > Animation,将动画文件添加到表盘。
  3. 从文件浏览器中选择一个图片序列,然后点击 Upload
  4. 通过更改每张图片的顺序、移除图片或添加图片来修改动画。
  5. 设置 Trigger value,用于确定要播放动画的时间。

将触发器值设置为 WatchFace on,以在显示表盘后立即开始播放动画。其他选项包括 TapEvery SecEvery MinEvery 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 设置为动画的开始时间。

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

模拟指针

为时钟添加模拟的时针、分针和秒针。打开文件浏览器,为每根指针选择要导入的图片文件。

模拟指针

数字时钟

数字时钟的选项包括日期和时间。添加日期时,请添加带有日期标记的文本组件。日期默认显示为 DAY_WEEK_S MON_S DAY_1_31_Z。添加时间时,请添加带有数字时钟标记的文本组件。数字时间默认显示为 HOUR_1_12_Z:MIN_Z:SEC_Z

数字时钟

进度条

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

组件管理

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

添加组件

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

预览窗口

对组件分组/取消分组

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

分组

遮盖/取消遮盖组件

最底部图层的形状决定了遮盖组的可见区域。其上的图层只能透过最底部图层的形状轮廓显示出来。例如,如果将一张三角形图片放在最底部的图层中,然后将一张图片和一个动画放在其上的图层,那么图片和动画就只能透过最底部图层的三角形轮廓显示。

分组

如需创建遮盖组,请执行以下操作:

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

如需在“Layers”窗口中释放遮盖组,请执行以下操作:

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

预览窗口

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

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

预览窗口

图层窗口

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

图层

在图层窗口中,您可以执行以下操作:

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

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

  • Lock/Unlock:锁定图层以免其在画布上移动。
  • Group/Ungroup:将多个组件分为一组,并作为一个组件进行控制。
  • Mask/Unmask:使最底部图层之上的图层只能透过最底部图层的形状轮廓显示出来。
  • Swap image(仅适用于图片):将一个图层中的图片文件更改为另一个图层。
  • Layer color:为图层添加颜色标签,用于区分图层。

条件行

您可以使用条件行在表盘上显示和隐藏组件,并控制组件的行为。使用条件行可根据时间、步数或电池电量等特定条件更改表盘的外观。右键点击帧区域,然后选择 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 张图片。例如,您可以添加特定的时针、分针和秒针图片作为指针样式。

样式 样式 样式

选择“应用主题”图标,将主题颜色和样式应用于所选图层,如下图所示。

样式

颜色

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

图片外观

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

  • Hue:用于控制色调的滑块。
  • Saturate:用于调整图片颜色鲜艳程度的滑块。
  • Lightness:用于调整图片颜色亮度的滑块。

文本外观

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

文本样式

运行

您还可以在 WFS 中的 Run 面板中运行表盘。在 WFS 中,您可以调整时间、日期、设备电池电量、步数、心率或 GYRO 值,以测试表盘在不同情况下的外观。可将运行预览设置为“Active”或“Always-on”。使用“Always-on”时,系统还会显示 Current-On Pixel Ratio 值和 Analyze 按钮。

运行 运行-始终开启

请使用 Run on device 测试表盘。

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