Components
A widget or a group of widgets (a subtree in the hierarchy) can be converted to a component. The components are listed inside the hierarchy (marked with purple), and also in the component manager located next to the hierarchy panel. The components can be instantiated like normal widgets. The components can be edited, which will update all instances of the given component.
The component instances can have local modifications too; that is, is the original properties can be overwritten on the given instance.
Creating a component
To create a component, select the layer in the hierarchy that want to become a component and in the inspector panel, click the "Create a Component" button. This creates the component. The layer and its child layers will turn purple in the hierarchy, signaling that this is a component.
Editing a component
To edit a component, first select the component layer from the hierarchy, then in the Inspector panel, under the component menu, click the "Go to main component button." This will send you to the component editor.
Component editor:
-
Go to main component: Goes to the main component element.
-
Reset to default: Resets the component to the last saved state.
-
Instance: Renames the component.
Component size:
Define the width and height of the component or its sub-elements here.
To select the element that needs to be resized, click on it in the hierarchy panel.
Removing a component
-
To remove a component first delete all the related components from the hierarchy, and after that navigate to the component management panel, located on the side of the hierarchy panel.
-
In the component management panel select the component that needs to be deleted, and click on the three-dot icon on the top right.
-
From the dropdown, click on the delete option, and the component is deleted.
