Advanced UI Templating Techniques using Widget Blueprints and Materials
summary
A working card‑deck demo built in Unreal Engine 5.1 preview shows concrete techniques: UMG widget Blueprints use widget inheritance to expose width/height, icon and font variables; named slots let derived widgets inject extra layout content; material instances driven by a shared material function animate hover/focus/press states; per‑icon idle motion uses a curve atlas texture; an experimental Blueprint macro plays material timers (e.g. 5 loops at 1s) so it runs in‑Editor without Sequencer.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:07Talk overview and card demo
- 3:20Widget inheritance styling
- 9:27Card data and inheritance summary
- 10:51Creating widget Blueprints
- 12:38Templating with name slots
- 16:37Visual styling with materials
- 26:07Animating materials with curves
- 34:52Animating materials in Blueprints
- 39:07Experimental techniques and closing
related talks
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
02mPrototyping
23mDesigning UIs with Qt Quick 5/6, Animations Part 2
29mHow to bridge the gap between design and development
36mAdvanced Material Components and Theming in Flutter
53mDigital Material with the Substance Tools
28mElevating your design with SwiftUI
24mElevated UX: How the foundations of Material Design influence user experience