π Application Shortcuts
ποΈ NoesisGUI βΈ π Noesis Studio βΈ π Application Shortcuts
General
| Play / Stop | Ctrl (Hold) + P | Starts/Stops Noesis Studio from rendering the currently-viewed Page on the π Stage in a mode that represents what the end-user will see and interact with.
Note that any edits made to content during playback will not be visible until playback is stopped.
|
| Context Menu | RightClick | Right-clicking on elements found within the π Stage, the πNavigator Panel, the π Animation Timeline, and the π Properties Panel, gives access to a context-dependent selection of functions. |
| Clear Value | MouseWheel (Press) | Pressing on the MouseWheel when hovered over any input within the π Properties Panel will revert it back to the Element default value for that property. |
| Multi-Select/Deselect (Individual) | Ctrl (Hold) + Click | Holding Ctrl whilst clicking on individual items, allows multiple Elements to be selected at once.
Holding Ctrl and clicking on any number of selected items, will allow individual items to be excluded from a multi-selection.
|
| Multi-Select/Deselect (Range) | Shift (Hold) + Click | Holding Shift whilst clicking between two Elements in the πNavigator Panel will select both elements, as well as all items in-between them in the hierarchy.
Holding Shift and clicking between two Elements in the πNavigator Panel, will allow the range of items between both clicked, to be excluded from a multi-selection.
|
| Copy | Ctrl (Hold) + C | |
| Cut | Ctrl (Hold) + X | |
| Paste | Ctrl (Hold) + V | |
| Delete | Del | |
| Deselect / Exit Selection / Cancel | Esc | |
| Undo | Ctrl (Hold) + Z | Undo the most recent change that was made in the currently-active Pages.
Note that the undo system does not apply to changes made to data, view parameters, or assets.
|
| Redo | Ctrl (Hold) + Y | Redo the last undone change that was made in the currently-active Page.
Note that the redo system does not apply to changes made to data, view parameters, or assets.
|
| Select All | Ctrl (Hold) + A | When on the π Stage, selects all unlocked Elements present on the Page.
When in the πNavigator Panel, selects all Elements within the same level of the hierarchy.
|
| Rename Item | F2 | When an Asset is selected in the πAssets Panel, allows for the item to be renamed. |
Toolbox
| Activate Selection Tool | V | With the Selection Tool, any element can be selected by clicking it.
Alternatively, clicking-and-dragging on an element whilst the Selection Tool is active, will perform the same function as the 'Move Element' tool, allowing repositioning of the element within the page hierarchy.
|
| Activate Direct Selection Tool (Path Selection) | A | After selecting the Direct Selection Tool, individual anchor points along a path can be moved by first clicking on a point, then clicking-and-dragging to adjust its position.
Learn more about π Manipulating Paths.
|
| Activate Path Tool (Path Creation) | P | After selecting the Path tool, clicking in an empty area of the Stage can be used to begin drawing a new Path.
With a new Path started, clicking with the Path Tool into empty space will create an adjoining anchor point, whilst clicking over an existing anchor point, will remove it from the path.
With a completed Path, clicking with the Path Tool over an existing segment will add a Path Point onto the existing Path where it was clicked, whilst clicking over an existing Path Point, will remove it from the Path.
When placing a new Path Point, clicking-and-dragging in any direction will allow a BΓ©zier to be created.
Learn more about π Drawing Paths.
|
| Activate Move Element Tool | M | With the Move Element Tool selected, Elements can be moved in or out of other Elements present on the same page by first activating the 'Move Element' tool, then manipulating its position in the page hierarchy by clicking-and-dragging it to a new position. |
| Activate Transform Tool | Y | With the Move Element Tool selected, Elements can have their position changed within the context of their parent Element by clicking-and-dragging an Element's adorners.
'Transforming' the position of an Element is equivalent to modifying an Element's 'Render Transform' properties.
|
| Activate Add Element Tool | E | The 'Add Element' tool can be used to draw the Element on the currently-open Page by first selecting it from the π Add Element Panel, then clicking-and-dragging on the Stage. |
| Activate Gradient Tool | G | With the Gradient tool active, clicking on an Element already containing a gradient, will allow for the modification of the gradient's appearance.
If an Element does not yet have a gradient applied, performing the same operation will first apply a default gradient, which can then be modified.
|
| Activate Zoom Tool | Z | Clicking with the Zoom tool active will perform one level of zoom-in per click within the currently-active Page on the π Stage.
To perform the reverse, Alt (Hold) + Click will execute one level of zoom-out per click.
|
Learn more about the π Toolbox.
Interface
| Activate Assets Panel | Ctrl (Hold) + 1 | Learn about the π Assets Panel. |
| Activate Add Element Panel | Ctrl (Hold) + 2 | Learn about the π Add Element Panel. |
| Activate Interactivity Panel | Ctrl (Hold) + 3 | Learn about the π Interactivity Panel. |
| Activate Animation Panel | Ctrl (Hold) + 4 | Learn about the π Animation Panel. |
| Activate Resources Panel | Ctrl (Hold) + 5 | Learn about the π Resources Panel. |
| Activate Data Panel | Ctrl (Hold) + 6 | Learn about the π Data Panel. |
Learn more about π Function Panels.
Project / Documents
| Create New Page | Ctrl (Hold) + N | Creates a new blank XAML Page in whichever Assets folder is currently selected. |
| Close Active Document | Ctrl (Hold) + W | Closes the currently-viewed Page. |
| Save Active Document | Ctrl (Hold) + S | Saves the currently-viewed Page. |
| Save All | Ctrl (Hold) + Shift (Hold) + S | Saves all modified pages within a Project.
Note that any modifications to Data are automatically saved at the project level, and are excluded from the manual save system.
|
View
| Zoom In/Out | MouseWheel (Up/Down) | Zooms the currently-viewed Page in/out. |
| Incremental Zoom In | Ctrl (Hold) + + | Zooms-in the currently-viewed Page by one increment. |
| Incremental Zoom Out | Ctrl (Hold) + - | Zooms-out the currently-viewed Page by one increment. |
| Fit Page to Stage | Ctrl (Hold) + Shift (Hold) + R | Displays the currently-viewed Page at the maximum size it can fit on the Stage. |
| Fit Element to Stage | F | Displays the currently-selected Element at the maximum size it can fit on the Stage. |
| Reset Zoom | Ctrl (Hold) + R | Resets the zoom level of the currently-viewed Page to 100%. |
| Pan | Spacebar (Hold) + Drag
or
H + Click (Hold) + Drag
or
MouseWheel (Press) + Drag
|
Moves the active Page around the Stage. |
| Horizontal Scroll | Shift (Hold) + MouseWheel (Up/Down) | Scrolls the currently-viewed Page left and right exclusively along the horizontal axis. |
| Vertical Scroll | Ctrl (Hold) + MouseWheel (Up/Down) | Scrolls the currently-viewed Page up and down exclusively along the vertical axis. |
| Toggle Fullscreen (Play Mode Only) | F11 | When playing a Page, toggles display of the currently-viewed Page in fullscreen.
|
| Directional Navigation Preview (Play Mode Only) | F9 | When playing a Page, toggles display of π Directional Navigation helpers.
|
Learn more about the π View Toolbar.
Element Manipulation
| Disable Snapping | Ctrl (Hold) | When held, disables Elements, or Path Points from snapping to the bottom, top, left, right, and central axes of another Element. |
| Enable Proportional Resizing | Shift (Hold) | When resizing an Element by clicking-and-dragging its visual adorners, holding [Shift] will force the Element to maintain its original aspect ratio from before the manipulation was initiated. |
| Enable Symmetical Resizing | Alt (Hold) | When resizing an Element by clicking-and-dragging its visual adorners, holding [Alt] will force the Element to resize equally between top and bottom axes if performing a vertical resizing, or equally between left and right axes, if performing a horizontal resizing. |
| Enable Axis Lock | Shift (Hold) | When repositioning an element on the Stage by clicking-and-dragging, holding [Shift] will constrain an Element to exclusively move across a level horizontal axis if repositioning an Element left/right, or a level vertical axis, if repositioning an element up/down. |
| Nudge Selected Element Position by 1px | ArrowKey (Up/Down/Left/Right) | Reposition an Element in any direction in 1px increments relative to its current position. Nudging an Element in any direction is equivalent to modifying an Element's 'Margin' Properties by 1px. |
| Nudge Selected Element Position by 10px | Shift (Hold) + ArrowKey (Up/Down/Left/Right) | Reposition an Element in any direction in 10px increments relative to its current position. Nudging an Element in any direction is equivalent to modifying an element's 'Margin' Properties by 10px. |
| Reset Element Layout | Ctrl (Hold) + Shift (Hold) + L | Resets all layout Properties of an Element to their default values.
Note that Grid Column/Row Definitions are not affected by layout resets.
|
Path Manipulation
| Enable Orthogonal Snapping | Shift (Hold) | When clicking-and-dragging a Path Point to set, or change its position, holding [Shift] will force the Path Point to snap to increments of 45Β°. |
| Enable Path Curving | Alt (Hold) | Holding Alt and dragging the mouse directly after placing a Path Point, will allow the adjoining segments to be manipulated with a BΓ©zier curve. |
| Convert Segment To Curve | Alt (Hold) + Click (Hold) + Drag | Holding Alt and clicking-and-dragging a segment, will convert a straight segment into a BΓ©zier curve. |
| Convert Curve to Path | Alt (Hold) | Holding Alt and clicking-and-dragging on a Path Point from which a curve originates, will remove its curve, and convert it into a straight segment. |
| Exit Path Creation | Esc | Pressing Esc with at least two Path Points placed within a path, will exit the Path's 'Edit Mode'.
Pressing Esc with only one Path Point placed, will cancel the Path creation operation, and remove the first-placed Path Point.
|
Learn more about π Working With Paths