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

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

این کار می‌تواند برای کمک به سازمان‌دهی مؤلفه‌ها مفید باشد. می‌توانید به هر گروه 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 تنظیم کرد.

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