Layout Editing
Now that you've opened a file to edit, here's a quick explanation on what you see:
Here you can see all the panes that are contained in the file, each represent an element on the Switch screen. Some of the panes have child panes, click on the + sign or double click the pane name to reveal them. Click on one of the panes to start editing it.
Here are the properties of the selected pane, you can edit any of them.
OriginX / OriginY - This is the point from which the xy coordinates are added or subtracted, by default this is set to the center of the element
ParentOriginX / ParentOriginY - This is the point from which the xy coordinates are added or subtracted based on the parent's position, by default this is set to the center of the element
Position - Edit the position of the element (based on origin)
Rotation - Rotates element in the x, y and z axis
Scale - Scale down or up an element
Size - Edit the size of an element
ViewInEditor - Hide/show an element from the preview
Visible - Hide/show an element from the layout
The green box represents the screen bounds, it has the screen size.
Moving the view: to move the view just click anywhere in the canvas and drag
Dragging elements: Select a pane in the tree view, it will be highlighted in red in the preview, then while keeping CTRL pressed, click and drag it on the canvas.
Zoom in and out of the preview by using the trackbar on the bottom left corner of the window
To change a color setting, click on the colored button.
Pane Color: Sets pane preview bounding boxes color.
Selected Color: Sets the selected pane preview bounding box color.
Outline Color: Sets the color of Switch screen outline
Set Background Image: Choose an image to show in the preview
Show image: Show/Hide Background image from preview
Continue to Saving your changes