UMG Runtime Debugger

UMG Runtime Debugger

1 Overview

UMG Runtime Debugger is a practical plugin, used to help developers debugging UMG layout at runtime easily.

2 Introduction

UMG Runtime Debugger is a practical plugin, used to debug UMG layout at runtime. This plugin provides an standalone tool to show the layout of UE UserWidget at runtime. The developers can see the layout more clearly and change position of widget items at runtime as well. Compared to UE built-in Widget Refrector, this plugin is more convenient to use for developing user interface.

3 Quick Start

Following blew steps, you will use this tool quickly.

(1) Run your own UMG in UE Editor and open runtime debugger

Run your own UMG, such as:

DataAssetConfig

Click “UMGDebug” in toolbar and the runtime debgger tool will be started.

Tool

(2) Get user widget information

Click “Get Widget Information” at tool bar or menu, and show the layout of UMG:

GetInfo

(3) Operations in runtime debugger

In the runtime debugger, you can select any widget item you like.

Oper

  • you can search item use searching box.
  • you can zoom-in and zoom-out the layout.
  • you can move any item if it is movable. Notice that some widget items inside layout container(e.g. Vertical Layout) can not be moved.

(4) Send user widget information

After you change the position of widget item, you can click “Send Widget Information” to update layout in UE Editor.

SendInfo

you can change in UE Editor:

ChangeInfo

4 Compile plugin for your own C++ project

if you want to add the plugin to your own project, just following the steps given below.

  • Put plugin to folder “Plugins” in your project.

  • Right click your project file(.uprojcet) and select “Generate Visual Studio project files”

  • Open Visual Studio project and complile.

5 Support

In the event you are unable to find the information you seek, feel free to contact stephen.coderx@gmail.com.

References

[1] Unreal Engine API

[2] UE4 Marketplace

[3] Quick Logo Designer

[4] My UE4 Marketplace Assets

Vistied:
Share: Twitter Facebook LinkedIn