将元素排列成组

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

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

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

以下是一些示例,展示了此功能在哪些方面非常实用。以下 Group 包含构成表盘单个逻辑部分的各种 PartText, PartImagePartDraw 元素:

<Group name="decorations" x="100" y="100" width="200" height="200">
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>

更改微光行为

定义 Group 后,可以针对微光模式调整整个 Group 的公开范围,例如,隐藏 Group

<Group name="decorations" x="100" y="100" width="200" height="200">
    <Variant mode="AMBIENT" target="alpha" value="0" />
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>

这样一来,您就无需单独向每个子元素添加 Variant 元素。

转换群组

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

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

<Group name="decorations" x="100" y="100" width="200" height="200">
    <!-- One full rotation per minute -->
    <Transform target="angle" value="[SECOND] * 6" />
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>