จัดเรียงองค์ประกอบเป็นกลุ่ม

กลุ่มช่วยให้คุณแยกการออกแบบหน้าปัดนาฬิกาออกเป็นโครงสร้างเชิงตรรกะได้

ซึ่งจะเป็นประโยชน์ในการช่วยจัดระเบียบคอมโพเนนต์ คุณสามารถตั้งชื่อให้กับแต่ละกลุ่มเพื่อระบุวัตถุประสงค์ของกลุ่มได้name

อีกเหตุผลที่กลุ่มมีประโยชน์มากคือคุณสามารถถือว่า ทุกอย่างภายในกลุ่มนั้นเป็นเอนทิตีเดียวเพื่อปรับ ลักษณะที่ปรากฏ แม้แต่การปรับแบบไดนามิกให้เข้ากับแหล่งข้อมูลที่เปลี่ยนแปลง

ตัวอย่างการใช้ประโยชน์จากฟีเจอร์นี้มีดังนี้ Groupต่อไปนี้ประกอบด้วยองค์ประกอบ PartText, PartImage และ PartDraw ต่างๆ ที่รวมกันเป็นส่วนตรรกะเดียวของหน้าปัดนาฬิกา

<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 อย่างน้อย 1 รายการ ซึ่งคล้ายกับการปรับลักษณะการทำงานของสภาพแวดล้อม

ในตัวอย่างนี้ Group จะหมุนตามวินาที การระบุ pivotX และ pivotY เป็น 0.5 จะทำให้เกิดการหมุนรอบจุดกึ่งกลางของ Group โดยไม่คำนึงถึงตำแหน่งของแต่ละองค์ประกอบ เช่น PartText หรือ PartImage ภายใน 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>