กลุ่มช่วยให้คุณแยกการออกแบบหน้าปัดนาฬิกาออกเป็นโครงสร้างเชิงตรรกะได้
ซึ่งจะเป็นประโยชน์ในการช่วยจัดระเบียบคอมโพเนนต์ คุณสามารถตั้งชื่อให้กับแต่ละกลุ่มเพื่อระบุวัตถุประสงค์ของกลุ่มได้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>