Screens Panel
In the Screens Panel, you can find the scenes.
Screens
Creating a project results in creating a screen. You can add new screens by clicking on the screen widget. In Screens Panel, screen elements can be repositioned by drag and drop method.
List Items
Selecting a List Item, three icons appear on the right:
- Delete - Delete the selected widget.
- Lock - Lock the position of the widget.
- Duplicate - Make a copy of the selected widget.
Modify Screens Structure
Long pressing the left mouse button on a List Item, you can move it and reposition it on release.
Initial actions function
The first element of the hierarchy panel is always a special "Initial actions" element. It can not be removed or moved. By selecting this element event actions can be created which will run once when the UI is created. It can be used for example to create initial animations.
Add Screen and Screen Group
In the footer of the Screen panel, there are two icons. With the left icon, you can add a new screen, similar to the Widget panel. With the right folder icon, you can create a Screen Group.
Screen Group
By clicking the folder icon, a Screen Group is added to the screen list. The purpose of the Group is that you can drag screens into it, allowing you to easily categorize them. You can color the Group icon in the Inspector panel, making it visually easy to distinguish Groups from each other.
Screens placed in a Screen Group are enclosed in a frame in the editor view, which is the same color as what you defined for the Group. By moving the frame header, you can move all screens in the Group simultaneously.
You can duplicate and delete the created Group and the screens it contains using the delete and duplicate icons on the right side of the selected Group in the screen panel.
Screen Group Inspector Panel
- Name - Here you can set the name of the Group
- Color - Here you can define the color of the Group, which can also be a global color
- Hidden - This checkbox hides the Group frame in the editor view