AdvancedUMG

A plugin for UE4 that adds extended UMG functionality without having to patch the engine

Most of the inspiration for this plugin was taken from CSS and Godot Engine node hierarchy.
This plugin was initially designed to be used for mobile devices, but it’s been updated to support desktop platforms as well.

Adv Panel

The most basic element without any functionality. Serves as a container to store multiple child elements in. Child elements can change their padding and alignment properties.

image

Adv Padding Panel

Same as Adv Panel, but lets you set a common padding value for all child elements.

padding.mp4


Adv Horizontal/Vertical Box

An extended version of regular Horizontal/Vertical Box, with an addition of letting you set common spacing between child elements. More ways of organizing child elements may be added in the future.

circle.mp4


Adv Image

Same as a regular Image, but it lets you put multiple child elements inside. Follows the same rules as Adv Panel.

image

Adv Generic Button

A copy of the regular button. Lets you place multiple child elements inside. Follows the same rules as Adv Panel.

image

Adv Simple Button

A simplified version of the regular button. It uses only one image, nudges all content down including itself when pressed. Nudge amount can be modified. Lets you place multiple child elements inside. Follows the same rules as Adv Panel.

simplebutton.mp4


Adv Color Rect

A simple element that lets you paint a solid color. Optionally lets you paint a solid color outline with modifiable width. Lets you place multiple child elements inside. Follows the same rules as Adv Panel.

colorrect.mp4


Adv Zero Size Panel

Advanced container element that always reports its desired size as zero. Useful when the size of child elements shouldn’t be accounted for in the parent element. Follows the same rules as Adv Panel.

zerosize.mp4


Adv Border

Exists solely for the purpose of drawing a border outline from a brush. The major difference between the normal “Draw As: Border” mode in a brush is that the resulting image is scaled with screen size. Also lets you place multiple children inside.

border.mp4


Adv Bottom Sheet

See example of a bottom sheet on material.io. Designed to be used with mobile devices. Attempts to resemble a regular bottom sheet as close as possible.

bottomsheet.mp4


GitHub

View Github