عناصر را در گروه ها مرتب کنید

گروه ها به شما این امکان را می دهند که طراحی صفحه ساعت خود را در یک ساختار منطقی جدا کنید.

این می تواند برای کمک به سازماندهی اجزا مفید باشد. می توانید به هر گروه یک name بدهید تا مشخص شود برای چه کاری است.

دلیل دیگر اینکه گروه‌ها بسیار مفید هستند این است که می‌توانید همه چیز را در آن گروه به‌عنوان یک موجودیت واحد در نظر بگیرید تا ظاهر آن را تنظیم کنید، حتی به صورت پویا با تغییر منابع داده تنظیم کنید.

در اینجا چند نمونه از این که چگونه این می تواند مفید باشد آورده شده است. Group زیر حاوی عناصر مختلف PartText, PartImage و PartDraw است که یک بخش منطقی از صفحه ساعت را تشکیل می‌دهند:

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

تغییر رفتار محیط

پس از تعریف Group ، نمایان بودن کل Group را می توان برای حالت Ambient تنظیم کرد، به عنوان مثال، برای پنهان کردن Group :

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

با این کار نیازی به افزودن یک عنصر Variant به صورت جداگانه به هر عنصر فرزند نیست.

یک گروه را متحول کنید

مشابه تنظیم رفتار محیط، با استفاده از Variant ، بسیاری از ویژگی های Group را می توان با استفاده از یک یا چند عنصر Transform تنظیم کرد.

در این مثال، 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>