NoesisGUI
 

πŸ“˜ 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

 
© 2017 Noesis Technologies