将元素排列成组

借助组,您可以将表盘设计拆分为逻辑结构。

这有助于您整理组件。您可以为每个组分配一个 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>