What’s this? #
UMG Helper allows you to get a preview of the touch interface on your game’s user interface in order to better design the interface.
Designer Helper, which you can find in the Touch Interface Designer category, is a widget that will allow you to preview your touch interface while you are designing your game’s user interface. Although the touch interface and widgets created with UMG can work perfectly together, you must remember that any widget created with UMG which has a ZOrder greater than or equal to -99 can interfere with the touch interface. For example, a button placed above the virtual button of the touch interface will prevent it from working correctly. For more explanation see this article.
So to help you design your game interface and your touch interface, you can place the Designer Helper widget on your main canvas of your game interface. However, don’t forget to remove this widget before compiling your game. Shouldn’t have any problem if you forget it but keeping a widget that is only used in the editor is useless…
For accurate preview #
For accurate preview, place Designer Helper in canvas and configure it like image bellow. Also, keep designer mode to Fill Screen.
Settings #
- Preview Setup : Select Virtual Control Setup Asset that you want to preview.
- Opacity : You can set the opacity of Touch Interface in UMG Editor.
- Show Interaction Zone : You can preview the interaction zone of all virtual control. It can help you to better placing widgets around your virtual controls.