קבוצות מאפשרות לכם להפריד את העיצוב של תצוגת השעון למבנה לוגי.
כך תוכלו לארגן את הרכיבים. אפשר לתת לכל קבוצה 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
בנפרד לכל רכיב צאצא.
טרנספורמציה של קבוצה
בדומה לשינוי ההתנהגות בסביבה, אפשר לשנות הרבה מהמאפיינים של Group
באמצעות רכיב Transform
אחד או יותר, באמצעות Variant
.
בדוגמה הזו, ה-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>