एलिमेंट को ग्रुप में व्यवस्थित करना

ग्रुप की मदद से, स्मार्टवॉच की होम स्क्रीन के डिज़ाइन को लॉजिकल स्ट्रक्चर में बांटा जा सकता है.

इससे, कॉम्पोनेंट को व्यवस्थित करने में मदद मिल सकती है. हर ग्रुप को एक 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 एलिमेंट को अलग से जोड़ने की ज़रूरत नहीं होती.

किसी ग्रुप को बदलना

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>