UE5 Common UI Guide: A Complete Guide to Inputs & Widgets

Подписаться 879

Просмотров 9 тыс.

50% 1

Welcome to our UE5 Common UI crash course! If you're diving into game development or just curious about creating cool interfaces in Unreal Engine 5, you're in the right place.
Buy Me a Coffee: buymeacoffee.com/mrbutier
Join my Discord: / discord
Xelu's FREE Controller Prompts: thoseawesomeguys.com/prompts/
Here's the scoop:
UI Basics:
- We're starting simple, making sure everyone can follow.
Inputs: Learn how to make your game react to players in real time.
Widgets: We'll play with some fun UI elements that bring your game to life.
Why tune in?
Easy Steps:
- I'll walk you through everything, clear and straightforward.
Real Examples: See how these tools work in actual games.
Join Us: Got questions or ideas? Drop them in the comments!
Extras:
- Grab some handy resources and tips from the video to level up your UI game.
Chapters:
0:00 Introduction
1:52 Project Settings
7:15 Input Blueprints
17:33 Controller Input Data
24:33 Main Menu Level
28:27 Common Ui Widgets
36:45 Common Ui Buttons
43:09 Common Text Styles
45:04 Create Functional Widget
47:24 Common Activatable Stack
50:59 Create a Main Menu
56:42 Demo Controller Inputs on Buttons
57:45 Set Default Input to Gamepad
1:00:07 Create PopUp Stack
1:03:23 PopUp Widgets
1:29:02 Outro

Опубликовано:

7 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 66

@MrButiier 3 месяца назад

Love to see how many people have loved this video! Hit that subscribe button to keep supporting these types of videos! Those who wanted to make sure the Widget did not disappear when using the back button, check out the video going over this here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-j8FSscTNoj4.html&ab_channel=MrButier

@VincentNicopolsky 2 месяца назад

Damn this is awesome! I'm glad to see that there are finally guides an tutorial complete enough for this framework :D I'm also working on a tutorial series about how to use CommonUI by implementing a part of the Main Menu of The Last of Us Part II.

@MrButiier 2 месяца назад

Oooo would love to see it when its out! Any additional guides for Common Ui is extremely helpful, would love to know when its out.

@jesterglee1319 2 месяца назад

This is just what i needed :)

@LegendzRP 3 месяца назад

Another amazing tutorial thank you soo much for these. If dev work doesn't work out, you 100% have a future in teaching. Keep up the amazing vids 💪

@MrButiier 3 месяца назад

Thank you!! The ongoing support by everyone is what keeps me going 💪

@brunaferrari5594 2 месяца назад

Thank you so much for this video!!! Helped a lot!!

@todzifushigur0 3 месяца назад

great video

@mahkhardy8588 3 месяца назад

You can assign global default styles in project settings.

@Outrack 2 месяца назад

1:08:15 If you're on 4.27.2 and can't get back handling working, you're not crazy - I've recreated the exact steps in a UE5 and it looks like an issue exclusive to the older UE version. No idea if they'll fix it, but in the interim you can use a function override to deactivate self on the button press instead.

@mingmingxu-oe4is 2 месяца назад

i really thank you so much !!!! that help me a lot !!!!!! thanks for your sharing!!!!love you !!!!!

@MrButiier 2 месяца назад

Haha thank you! I’m glad it was useful to you.

@GameSinsBattles 2 месяца назад

Great tutorial. Will be tutorial with keyboard support menu navigation?

@MrButiier 2 месяца назад

I'm currently working on a simple as possible version of keyboard support without the many workarounds others do but will make a video once ready!

@MrButiier 29 дней назад

A bit late, but I have released a keyboard support video! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aDoNLyUVy2o.html

@kiwanogames 2 месяца назад

Great video! Thank you! Did you ever figure out how to add LeftTab, RightTab events what work with ShoulderButtons/ArrowKeys interchangeably? That's the part I was most interested in.

@MrButiier 2 месяца назад

Ah I’ll be doing a separate video going over how to use tab list in the next week which should cover this.

@wolfwirestudios 2 месяца назад

23:45 Will this break the existing UI that I have in my game? I made a Main Menu Level but it's 3D widgets all over. If I go down this path, will I still retain functionality? My UI is complete, all I'm looking for is a way to navigate using Keyboard/Gamepad when UI is active.

@MrButiier 2 месяца назад

In short, it wouldn't break your Ui by enabling this and you'd maintain your functionality but depending on how you set everything up it may not function 100% immediately, you may need to make adjustments on which widgets are focusable etc. One note is keyboard arrow keys are rather difficult to work with, I'm still working on a clean solution for using the arrow keys but just make note of that in the meantime.

@marcopaterno3677 2 месяца назад

I need help. I can switch between buttons with the directional cross of the Gamepad not with L1 an R1. Can You help me ?

@MrButiier 2 месяца назад

Ah to change buttons based on L1 or R1 requires different common ui widgets and functions that are not showed in this video, I’ll be covering this in another video but have not released it yet.

@josephclarke2422 17 дней назад

amazing video, everything works great, however i feel like i'm going crazy as i cant get the back handler to work. any suggestions on what the problem could be?

@MrButiier 17 дней назад

Hmm what key is the back handler set to?

@josephclarke2422 16 дней назад

@@MrButiier B on the Xbox series controller and backspace on the keyboard, it's strange everything else has worked so smoothly up until this point, (honestly THANKYOU so much your tutorial has been the easiest to follow so far!!, I'll be checking out more of your content for sure!) I've made it in a clean project too and followed the instructions exactly. I plan to start again from scratch today to see if it's down to user error.

@josephclarke2422 16 дней назад

@@MrButiier I dont know whether to laugh or cry... turns out its was definitely user error. i had a regular stack for my PopUp instead of Common Stack. In the words of young Skywalker... "ITS WORKING! IT's WORKING!!" thank you so much for this Tutorial!

@MrButiier 16 дней назад

@@josephclarke2422 lmao this was such a great read, glad you got it to work!

@unsupporteddevice 8 дней назад

I dont seem to have "Game - Common Input Settings" in my project settings, or "CommonGameViewportClient" in the default classes. How do i get them?

@MrButiier 8 дней назад

Ah! Make sure to turn on the plugin "Common Ui", these are automatically included when adding the plugin

@unsupporteddevice 8 дней назад

@@MrButiier oh! thank you so much

@ilarinikkarikoski4765 2 месяца назад

So you are using Dualsense controller on Editor? How on earth have you gotten it to work?

@MrButiier 2 месяца назад

Ooo I’m using a program called “DS4Windows”

@ilarinikkarikoski4765 2 месяца назад

@@MrButiier aah yeah. I think that solution will work for editor purposes only, but if you wanna ship a game with Dualsense support, it isn't that helpful.

@MrButiier 2 месяца назад

@@ilarinikkarikoski4765 yeah, just explaining what I was using to make it work for demo purposes :) Dualsense controllers are special in the sense that they try very hard to not work with anything but PlayStation's. You can find various tutorials on how to set it up properly. For example here's a good quick one: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QhhX-mfhtfQ.html&ab_channel=Reality2Games

@matka5130 Месяц назад

@MrButiier Месяц назад

@labelscoff Месяц назад

When i hit "level 1" or "level 2" button, it starts my topdawn level, but the controls aint working((

@matka5130 Месяц назад

bcs when you load level, the player controller and pawn class are still from main menu...you need to change game mode to gameplay/original one in world settings-overide in each of maps you want to load to

@MrButiier Месяц назад

Exactly what @matka5130 said, if you still run into issues make sure you set the input mode to game only or game and ui when starting the level :)

@labelscoff Месяц назад

@@MrButiier i'm blind=( can you show me a printscreen?

@labelscoff Месяц назад

@@matka5130 tnx, i got it, level blueprint=)

@labelscoff Месяц назад

tnx, i made it, tnx for lesson=)

@mahkhardy8588 3 месяца назад

Epic leaving us to sparse documents and crap videos. Whatever happened to Zak and Wes. Did Epic fire all those good guys and gals that tought us so much years ago, or what.

@MrButiier 3 месяца назад

No idea honestly, just forced us all to read the documents, test the product ourself, and make the videos 🤷‍♂

@IM2awsme 2 месяца назад

@@MrButiier I can't wait until they give us an ai assistant that will answer these questions on the fly and provide links to source materials and youtube tutorials based on the specific challenges you are facing, they can even give you the time stamp of when your questions are answered. Hopefully someone builds a plug in soon, although anything above a research assistant is being highly regulated in the industry at the moment 😅

@ryanjdevlin87 Месяц назад

Perplexity is close and gpt4o can recognize and debug blueprints if u show it your screen @IM2awsme

@Bee_Mavrick 22 дня назад

@IM2awsme that's kinda how it used to be like 20 years ago except with people. I go on reddit and ask the same way and I'm ridiculed and directed to youtube.

@IM2awsme 21 день назад

@@Bee_Mavrick I completely forgot asking other people for help was a thing. I have no friends.

@EstebanLopez-bn9pd 3 месяца назад

If it wasn't because I have a wife, I would be asking you to marry me. Thank you for these tutorials!

@MrButiier 3 месяца назад

HAHA im dying, thanks man 🤣

@lambe1porco 21 день назад

Hello there, great video and great run down of common UI, however I'm having an issue which I can't seem to fix, and would love if someone could help me out. On 1:07:15, I only have an "IsFocusable" button, no "DesiredFocusWidget". To get the focus I used the GetDesiredFocusTarget method and by debuggind I believe it's working well. Despite this, I cannot select nor hover over the prompt buttons. I've checked all the "non-hit testable" options, but with no luck. Has anybody gone through the same, that may be able to help? Thanks

@lambe1porco 21 день назад

Well, I just fixed it. All the widgets were good, except for the buttons, who were using non-hit testable (self and children). 🤦🤦🤦 Will leave this here, in case somebody needs it Keep up the great work :))

@MrButiier 21 день назад

Glad you found the answer :) if you ever get stuck feel free to send screenshots within the discord and I’m happy to help debug! Keep up the good work ✌🏼

@lambe1porco 21 день назад

@@MrButiier Thanks for the answer! I might swing by the discord eventually :)

@perori_neko 2 месяца назад

I have a question, it seems unreal forced to use face button bottom as "confirm"/"click" and I can't remap any key to action defined in InputActionDataTable, also back handler doesnt work. I found many people on unreal forum have the same issue but none of them have a solution, any idea?

@MrButiier 2 месяца назад

Hm I ran into the same thing, I'm currently investigating some ideas but I'll come back once I find some more info on it.

@perori_neko 2 месяца назад

@@MrButiier I guess it has something to do with enhanced input plugin, once I disabled it, the back handler worked fine

@MrButiier Месяц назад

Hey! I had an issue with the default click and back handler button would only work as the default ones and required me to change 1 line of c++ code. c++ source code file "NavigationConfig.h" and change the bool value of "bAnalogNavigation" to equal true. This allowed me to have the confirm or back button as anything.

@perori_neko Месяц назад

@@MrButiier wow, thank you for investigating this problem, I‘ll check it later see if it help. Could you tell me how did you find this info? I can't even get a hint in search result, I'll never know it cause it is hidden that deep

@MrButiier Месяц назад

@@perori_neko I found it in a random reddit post actually haha, this one below: www.reddit.com/r/UnrealEngine5/comments/17en6wy/input_key_selector_getting_overruled_by_ui/