Set the level of transparency that this element should have. A value of 0
indicates that the element should be completely transparent. A value of 255
indicates that the element should be completely opaque.
The element's render mode type. Possible values are: SOURCE (default),
MASK, or ALL.
tintColor
Apply a tint color filter to the element. You must specify the color using
either the ARGB format (#ff000000 = opaque black) or the RGB format
(#000000 = black).
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-06-03 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-06-03 UTC."],[],[],null,["# Group\n\nWatch Face Format version Version 4 Version 3 Version 2 Version 1\n\n*** ** * ** ***\n\nA Group is a container for other elements. Child elements are rendered relative\nto the position, size, angle, and color of the group.\n\nSyntax\n------\n\n```xml\n\u003cGroup id=\"string\" x=\"integer\" y=\"integer\" width=\"integer\" height=\"integer\"\n name=\"string\" angle=\"float\" pivotX=\"float\" pivotY=\"float\"\n alpha=\"integer\" renderMode=\"SOURCE | MASK | ALL\"\n tintColor=\"argb-color | rgb-color\"\u003e\n \u003c!-- Only the most common inner element is shown here. --\u003e\n \u003cPartText ... /\u003e\n ...\n\u003c/Group\u003e\n```\n\nAttributes\n----------\n\nThe `Group` element has the following attributes:\n\n### Required attributes\n\nThe following attributes are required:\n\n`name`\n: The name of the group.\n\n`x`, `y`, `width`, `height`\n\n: A collection of integers that specify the element's size and position.\n\n These attributes are [transformable](/training/wearables/wff/common/transform/transform).\n\n### Optional attributes\n\nThe following attributes are optional:\n\nThe `Group` element can optionally contain the following attributes:\n\n`id`\n\nA unique identifier for the group.\n\n`pivotX`, `pivotY`\n\n: A two-dimensional pivot point about which the element rotates. Both values\n are floating-point numbers that are scaled to fit in the range $ \\[0, 1\\] $.\n\n These attributes are [transformable](/training/wearables/wff/common/transform/transform).\n\n`angle`\n\n: A number of degrees, clockwise, that the element should be rotated about its\n pivot point.\n\n This attribute is [transformable](/training/wearables/wff/common/transform/transform).\n\n`alpha`\n\n: Set the level of transparency that this element should have. A value of `0`\n indicates that the element should be completely transparent. A value of `255`\n indicates that the element should be completely opaque.\n\n This attribute is [transformable](/training/wearables/wff/common/transform/transform).\n\n`scaleX`\n\n: The horizontal scaling factor to apply to this element.\n\n This attribute is [transformable](/training/wearables/wff/common/transform/transform).\n\n`scaleY`\n\n: The vertical scaling factor to apply to this element.\n\n This attribute is [transformable](/training/wearables/wff/common/transform/transform).\n\n[`renderMode`](/training/wearables/wff/effects#clipping)\n\n: The element's render mode type. Possible values are: `SOURCE` (default),\n `MASK`, or `ALL`.\n\n`tintColor`\n\n: Apply a tint color filter to the element. You must specify the color using\n either the ARGB format (`#ff000000` = opaque black) or the RGB format\n (`#000000` = black).\n\n From version 4, this attribute is [transformable](/training/wearables/wff/common/transform/transform).\n\nInner elements\n--------------\n\nThe `Group` element can contain the following inner elements:\n\n- [`Localization`](/training/wearables/wff/common/localization)\n- [`Gyro`](/training/wearables/wff/common/transform/gyro)\n- [`Launch`](/training/wearables/wff/common/launch)\n- [`Transform`](/training/wearables/wff/common/transform/transform)\n- [`Variant`](/training/wearables/wff/common/variant/variant)\n- [`Group`](/training/wearables/wff/group/group)\n- [`PartText`](/training/wearables/wff/group/part/text/part-text)\n- [`PartImage`](/training/wearables/wff/group/part/image/part-image)\n- [`PartAnimatedImage`](/training/wearables/wff/group/part/animated-image/part-animated-image)\n- [`PartDraw`](/training/wearables/wff/group/part/draw/part-draw)\n- [`ScreenReader`](/training/wearables/wff/common/screen-reader)\n- [`Condition`](/training/wearables/wff/common/condition)\n- [`ListConfiguration`](/training/wearables/wff/group/configuration/list-configuration)\n- [`BooleanConfiguration`](/training/wearables/wff/group/configuration/boolean-configuration)\n- [`AnalogClock`](/training/wearables/wff/clock/analog-clock)\n- [`DigitalClock`](/training/wearables/wff/clock/digital-clock)\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [PartImage](/training/wearables/wff/group/part/image/part-image)\n- [PartDraw](/training/wearables/wff/group/part/draw/part-draw)"]]