Overview

1 min read

Contain button for enabling functionnality like saving, device info, check overlap and others.

Save
Open File
Launch Preview (not used for now)
Save as preset (not used for now)
Open Preset (not used for now)
Toggle Device info
Toggle Check overlap

2. Component Tree #

Contains all the component you’ve added to your touch interface. From here, you can perform various actions, such as selecting a component, renaming it or deleting it. You can also re-ordering and grouping component. By selecting component, the decorator tree is updated.

By clicking on root component, at the very top, it has the name of the asset, you have access to the touch interface parameters.

3. Decorator Tree #

Contains all the decorator layer you’ve added to component. From here, you can perform various actions, such as selecting a layer, renaming it or deleting it.

By clicking on root component, at the very top (NameOfComponent.Decorator), you have access to the layout component decorator parameters.

4. Viewport #

The viewport is the central element of the editor, providing a real-time preview of your touch interface.

Contains the functionality needed to preview your touch interface under most conditions.

Selection Mode : If enabled, selection box should intercept center of component to select.
Pivot Mode : If enabled, pivot handle location is in center of component.
Show Dashed outline : Draw dashed outline around canvas and virtual inputs.
Toggle Opacity State : Simulate behavior of active or inactive state of Touch Interface.
Toggle Constraint on Canvas : Allows you to constrain the position of virtual inputs to the edges of the canvas. If a virtual input is outside the canvas when this feature is enabled, then a new position is automatically calculated to fit inside the canvas.
Toggle Retainer Effect : Enable or disable the retainer widget of layout (doesn’t work for now)
Change Orientation : Change orientation mode of designer.
Visualization menu : Allows you to display useful information such as the hit box or the name of the component.
Screen Size Menu : Allow you to change resolution of canvas and see how scaling algorithm change your touch interface. If you have enabled Device Preview in Background settings, so this menu allow you to select device you want to preview your touch interface.