将元素编组

利用组,您可以将表盘设计划分为逻辑结构。

这有助于您组织组件。您可以为每个组指定一个 name 以指明其用途。

组非常实用的另一个原因是,您可以将该组中的所有内容视为一个单独的实体,以便调整其外观,甚至可以根据不断变化的数据源进行动态调整。

下面是一些实用示例。以下 Group 包含各种 PartText、PartImagePartDraw 元素,它们共同构成了表盘的单个逻辑部分

<Group name="decorations" ...>
  <PartText ...>
  <PartImage ...>
  <PartDraw ...>
</Group>

更改环境模式行为

定义了 Group 后,可以调整整个 Group 在环境模式下的可见性,例如隐藏 Group

<Group ...>
  <Variant mode="AMBIENT" target="alpha" value="0" />
  <PartText ...>
  <PartImage ...>
  <PartDraw ...>
</Group>

这避免了需要单独为每个子元素添加 Variant 元素。

转换组

与调整环境模式行为类似,使用 Variant,可以使用一个或多个 Transform 元素调整 Group 的许多属性。

在此示例中,Group 会根据秒进行旋转。通过将 pivotXpivotY 指定为 0.5,旋转将围绕 Group 的中心进行,而不管每个元素(例如 PartTextPartImage)在该 Group 中的位置如何。

<Group x="0" y="0" width="450" height="450" pivotX="0.5" pivotY="0.5">
  <!-- One full rotation per minute -->
  <Transform target="angle" value="[SECOND] * 6" />
  <PartText ...>
  <PartImage ...>
  <PartDraw ...>
</Group>