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

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

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

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

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

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

เปลี่ยนลักษณะการทำงานของโหมดแอมเบียนท์

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

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

ซึ่งจะช่วยหลีกเลี่ยงไม่ให้มีการเพิ่มองค์ประกอบ Variant ทีละรายการในองค์ประกอบย่อยแต่ละรายการ

เปลี่ยนรูปแบบกลุ่ม

การปรับVariantจะคล้ายกับการปรับลักษณะการทำงานแบบแอมเบียนท์ โดยคุณปรับพร็อพเพอร์ตี้หลายอย่างของ Group ได้โดยใช้องค์ประกอบ Transform อย่างน้อย 1 รายการ

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