將元素排列成群組

您可以將錶面設計分成多個群組,形成邏輯結構。

這有助於整理元件。您可以為每個群組加上 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 時,Group 的許多屬性都可以使用一或多個 Transform 元素調整。

在本範例中,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>