Ue5 Ui Umg Slate

Quick Start

• Identify whether feature belongs to UMG, Slate, or hybrid bridge.
• Define data source component/subsystem and UI binding point.
• Output widget tree intent and runtime binding sequence.

UE5.7 API Anchors

• UMG lifecycle and viewport anchors:
• UUserWidget::NativeConstruct(), UUserWidget::NativeDestruct()
• UUserWidget::AddToViewport(...)
• UWidget::RemoveFromParent()
• UWidget::SetVisibility(...)
• UWidget::SetKeyboardFocus()
• UMG input mode anchors:
• UWidgetBlueprintLibrary::SetInputMode_UIOnlyEx(...)
• UWidgetBlueprintLibrary::SetInputMode_GameAndUIEx(...)
• UWidgetBlueprintLibrary::SetInputMode_GameOnly(...)
• UMG/Slate bridge anchors:
• UWidget::TakeWidget() for Slate bridge hand-off
• SCompoundWidget, SLATE_BEGIN_ARGS(...)
• FSlateApplication::SetKeyboardFocus(...), SetUserFocus(...)
• Viewport geometry anchor:
• UGameViewportClient::GetViewportSize(...)

UI Stage Contract

• Every UI task must define:
• UI layer ownership (UMG-only, Slate-only, or hybrid bridge)
• data source and update trigger (pull, push, event, or mixed)
• focus and input ownership transition
• viewport-safe placement behavior for tooltip/popup
• teardown/cleanup path for unbinds and widget removal
• If any item is missing, the UI implementation is incomplete.

Workflow

1) UI Architecture Decision

• Select UMG for standard game HUD/menu work.
• Select Slate for custom rendering/input behavior that UMG cannot express cleanly.
• Select hybrid when a UWidget host needs to embed custom Slate content.

2) Construct and Lifetime

• Initialize widget bindings in construct/init path.
• Register event listeners once and store handles when required.
• Define destruct/unregister logic explicitly to avoid stale bindings.

3) Data Binding and Refresh

• Bind runtime data from one authoritative source (subsystem/component/view model).
• Use event-driven refresh for high-frequency data where possible.
• Keep display widgets read-only for gameplay state mutation.

4) Input and Focus Ownership

• Set input mode deliberately when opening/closing UI contexts.
• Set keyboard/user focus to intended root widget.
• Ensure focus return path back to gameplay on close.

5) Tooltip/Popup Viewport Clamp

• Compute desired tooltip position from anchor and cursor/widget geometry.
• Clamp final placement to viewport bounds to avoid off-screen rendering.
• Debounce high-frequency hover updates to avoid flicker.

6) Remove and Cleanup

• Remove widget from parent or viewport on close.
• Clear timers/delegates and transient references.
• Confirm no duplicate instances persist after reopen.

Constraints

• Keep UI rendering and gameplay state mutation separated.
• Avoid direct gameplay writes from passive display widgets.
• Clamp tooltip and popup placement to viewport bounds.
• Prefer deterministic input ownership and focus transitions.
• Keep Slate-only code isolated behind clear bridge boundaries.
• Do not rely on per-frame polling if event-driven updates are available.

Failure Handling

• Symptom: widget appears but never refreshes.
• Locate: construct timing, binding registration, source event firing.
• Fix: bind after source readiness and verify event subscription path.
• Symptom: widget refreshes once then stops.
• Locate: lost delegate handle or widget recreated without rebind.
• Fix: rebind on construct and unbind on destruct; prevent duplicate create/destroy churn.
• Symptom: input is swallowed by UI unexpectedly.
• Locate: current input mode and focused widget path.
• Fix: enforce intended input mode and set explicit focus target.
• Symptom: keyboard/controller navigation breaks after popup open.
• Locate: focus transfer and return path.
• Fix: store previous focus owner and restore on popup close.
• Symptom: tooltip flickers near screen edges.
• Locate: oscillating clamp output and hover source jitter.
• Fix: debounce hover updates and clamp with stable viewport metrics.
• Symptom: memory growth after repeated open/close.
• Locate: stale delegate/timer/reference retention.
• Fix: clear bindings and transient refs in teardown.

UE5.6 / UE5.7 Compatibility Notes

• UMG lifecycle, input mode, and Slate focus APIs listed above are stable in UE5.6/UE5.7.
• Prefer Enhanced Input + explicit UI input mode ownership in both versions.

Escalation

• Escalate when behavior requires engine-level Slate customization beyond project scope.
• Escalate when UI architecture conflicts with existing CommonUI framework decisions.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: teixasalone
• Source: teixasalone/UnrealEngine5-Skills
• License: MIT

Install and usage instructions live in the source repository linked above.