סידור רכיבים בקבוצות

קבוצות מאפשרות לכם להפריד את העיצוב של תצוגת השעון למבנה לוגי.

כך תוכלו לארגן את הרכיבים. אפשר לתת לכל קבוצה 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>