Touch Interface Editor works like other unreal engine editors and the interface is similar to UMG (Unreal Motion Graphics) which allows you to design your widgets.
Thus, you can zoom with the mouse wheel, pan the canvas with the right mouse button and select a virtual input with the left mouse button.
Move virtual input on Designer Surface (canvas) #
You can change the position of a virtual input by selecting it with the left click and then holding the left click, translate the mouse. The property, landscape or portrait center is updated automatically and vice versa.
Contextual menu and shortcut #
A right click opens the contextual menu which allow you to execute action based on context.
On designer surface
- Create Button
- Create Joystick
- Create Touch Region
- Paste copied virtual input
On Virtual Input
- Copy
- Paste
- Duplicate
- Delete
- Link
You can of course use keyboard shortcuts. Here is the list of command for version 2024.1:
- Mouse wheel : Zoom
- Right Mouse Button : Pan
- Left Mouse Button : Select
- Left Mouse Button + B : Create new bouton at cursor location
- Left Mouse Button + J : Create new joystick at cursor location
- Left Mouse Button + R : Create new Touch Region at cursor location
- F2 : Rename current selected virtual control
- F : Recenter canvas
- H : Toggle Device Info
- G : Toggle Designer Outline (Displayed or not)
- O : Toggle Opacity state (Active or Inactive)
- C : Toggle Designer Constraint (Constraint virtual control position to canvas or not)
- P : Toggle Orientation (Portrait or landscape)
- S : Toggle Pressed State (displays the pressed state of virtual controls or not)
- I : Toggle Overlap Check
Other command will be added in future update and this list will be updated accordingly.
