Creating a Selection Widget in Unreal C++

Welcome to a comprehensive overview on building a versatile selection widget in Unreal Engine using C++ and Blueprints! 🚀
In this video, we dive deep into creating a user-friendly and adaptable selection widget, ideal for applications in game settings or character creation interfaces. This tool allows for swift swapping of options, such as different game settings or body parts in a character creator, enhancing the user experience in your Unreal Engine projects.
👨‍💻 What You'll Learn:
Crafting a selection widget in C++
Incorporating it into the Unreal Engine's Blueprint system
Practical use cases in game settings and character customization
🔧 Key Topics Covered:
Setting up the base: Creating a C++ class inherited from CommonUserWidget (with alternative options if you're not using CommonUI).
Essential Functions: Constructor setup, NativeConstruct, and overriding functions.
Adding Interactivity: Methods for managing selection options - Clear, AddOption, SetCurrentSelection, and navigation functions.
Broadcasting Changes: Implementing OnSelectionChange event for responsive UIs.
Custom Navigation: Overriding default navigation for keyboard and controller support.
The Visual Aspect: Linking C++ variables to UI elements in the Widget Blueprint Editor.
Behind-the-Scenes Logic: Ensuring functional and responsive widget behavior.
Blueprint Implementation: Setting up a Blueprint widget based on the C++ class.
🔍 Topics Covered:
0:00 - Introduction
0:32 - Selection.h
4:44 - Selection.cpp
9:01 - Blueprint Widget
12:48 - Usage
🎨 Design & Interactivity:
Discover how to align UI elements in a horizontal box with customizable buttons and labels.
Learn to create a responsive widget with focus-based text style changes.
📌 By the end of this video, you'll be able to:
Understand the architecture of a selection widget in both C++ and Blueprints.
Implement this widget into any UI, like a pause menu, enhancing your game’s interactivity.
⏭️ Up Next: Stay tuned for our follow-up video, where we'll integrate these widgets into a complete settings menu.
👉 Don't forget to like, comment, and subscribe for more in-depth Unreal Engine tutorials!
#gamedev #ue5 #unrealengine #cpp #cplusplus #Blueprints #GameDevelopment #UIWidgets #Tutorial #GameDesign #Programming #Interactivity #Gaming
Get notified about new videos by hitting the 🔔 icon.

[@JasonKarken]

Great tutorial, thanks for making C++ videos

[@xwcott]

very useful as always and thank you for listening (:

[@herrscheroflolly5255]

Please more tutorials about make game menu with c++)

[@drakouzdrowiciel9237]

👌

[@WeirdGoat]

Common UI is great, but also has some limitations. Do you know how to change Confirm and Cancel from Arrow keys and Space Bar to other keys? Thanks!

[@ScriptedAdventure]

The only way I am aware of is overriding the key down which involves using custom widgets for buttons as in unreal engine the space bar is hard coded to be an accept navigation in the NavigationConfig.

[@nfrancisj2122]

Thanks for Sharing. Where did you implement the Controller Navigation? Is this done automatically?

[@ScriptedAdventure]

This is done in the OnNavigation function. The event is setup at 06:39 and the function itself at 07:53. Both controller and keyboard are then working automatically.

[@nfrancisj2122]

@@ScriptedAdventure YES! Omg, this is so much easier than "OnAnalogueValueChange" Thanks!

[@ScriptedAdventure]

I'm happy to hear that it worked 🚀