ترتيب العناصر في مجموعات

تتيح لك المجموعات فصل تصميم خلفية شاشة الساعة إلى بنية منطقية.

يمكن أن يكون ذلك مفيدًا لمساعدتك في تنظيم المكوّنات. يمكنك منح كل مجموعة name للإشارة إلى الغرض منها.

من الأسباب الأخرى التي تجعل المجموعات مفيدة جدًا أنّه يمكنك بعد ذلك التعامل مع كل العناصر داخل المجموعة ككيان واحد بغرض تعديل مظهرها، حتى أنّه يمكنك تعديلها ديناميكيًا لتتلاءم مع مصادر البيانات المتغيرة.

في ما يلي بعض الأمثلة على كيفية الاستفادة من ذلك. يحتوي Group التالي على عناصر PartText, PartImage وPartDraw مختلفة تشكّل جزءًا منطقيًا واحدًا من خلفية شاشة الساعة:

<Group name="decorations" x="100" y="100" width="200" height="200">
    <!-- PartText, PartImage, PartDraw elements go here -->
</Group>
watchface_groups.xml

تغيير سلوك "وضع عدم النشاط"

بعد تحديد 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>
watchface_groups.xml

يؤدي ذلك إلى تجنُّب الحاجة إلى إضافة عنصر Variant بشكل فردي إلى كل عنصر ثانوي.

تحويل مجموعة

على غرار تعديل السلوك المحيط، يمكن تعديل العديد من خصائص Group باستخدام Variant، وذلك باستخدام عنصر واحد أو أكثر من عناصر 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>
watchface_groups.xml