UE4 - How to make Scalable (and movable) Widgets?

[@polar1991]

Wow! You have really stepped up your content game. This is super cool! I’m going to use this one day

I'm wondering what it would be like to resize just the top as the bottom..

[@UnrealSolver]

Good question that will be hard to explain in a single comment 😅 But as for the concept you will probably need to move the widget + rescale at the same time That’s because you will change the top left corner position when scaling from there and with that - the Widget Location has to change accordingly to your mouse movement and scale it down so the bottom and/or right side remain in place ;)

[@theoryguides]

You put so much effort into these vidz.. you're truly amazing!!

[@UnrealSolver]

Thank you so much! You're amazing too mate! :)

[@SnowstormProductionsCompany]

wow, this vid really helped, but could you tell us how to make the left size resize too?

[@UnrealSolver]

I can take a look on that, I remember that I struggled a bit with math on this one and couldn’t get it to work as I wished to so I left it🤣 but surely it’s worth taking a look ;)

[@SnowstormProductionsCompany]

@@UnrealSolver alright, thanks!

[@allalongthewatchtwer]

Hello, this tutorial was extremely helpful. I would like to know how to make window scaling limits. Thanks

[@UnrealSolver]

Thank you! :) I will make next videos expanding the knowledge including the scaling restrictions If you download my 'Interactive Widgets' it's partially applied - it works for X and Y separately but doesn't work if you go to the corner for now, will be updated Sorry for late response, for some reason I didn't saw the comment until now

[@allalongthewatchtwer]

@@UnrealSolverHello! Aweaome! can I download it? where can I find it? Thank you so much!

[@UnrealSolver]

@@allalongthewatchtwer go to “about” on my Channel to find my Google drive folder I share ;)

[@allalongthewatchtwer]

@@UnrealSolver Thank you so much! have a great day!

[@UnrealSolver]

@@allalongthewatchtwer have a great day too!

[@wimeradus]

Very nice video. Would you have any pointers on how I could prevent players from being able to drag the UI completely out of their screen? Perhaps on how a safe boarder could be set up. Thanks a bunch for the knowledgable videos!

[@UnrealSolver]

Thank you! I’m glad you love it ❤️‍🔥 If you download the Project (link under first video) there is a setup that sticks the windows to the sides or edges depending on the mouse location ;) Take a look on that to create something similar in your Project ✌️

[@wimeradus]

@@UnrealSolver perfect that worked great! Keep up the amazing videos. You deserve a lot more subscribers

[@UnrealSolver]

@@wimeradus Thank you so much for your words ❤️‍🔥 It’s nice to hear you’ve found the right answers here ✌️

[@李佳奇-w9z]

Very nice video. But I curious about how to create the video player like the youtube player, which can switch between mini-window and full screen. Like the picture to picture function. I mean the mini player button.

[@UnrealSolver]

Thank you!

[@李佳奇-w9z]

@@UnrealSolver oh, really!!! thank you so much! :) When you will upload the video tutorial?

[@UnrealSolver]

@@李佳奇-w9z I’ll hope for the weekend, if not then the next one, I should upload anything since I didn’t upload for a long time 😅

[@李佳奇-w9z]

@@UnrealSolver thank you so much! I hope the video is helpful. haha, yes I seen you didn't upload the new video for a long time.

[@李佳奇-w9z]

@@UnrealSolver hello, unreal solver. Are you ready to upload the video as we mention above?

[@CamilleRudelli]

Nice tutorial, I'm trying to set button to scale on every side of the panel but I cant manage to scale it from the right point. For example if I'm trying to scale it with a button on the left the panel will still scale from the right and I can't figure out what I have to change in the code, Can you give me a hint? Thank you

[@UnrealSolver]

So basically you want to have 4 buttons, if you press top one it will scale the top side to the top and bottom stays in place, you click left button the right side goes till end and left stays, is that correct?

[@CamilleRudelli]

@@UnrealSolver Exactly, I already set up the buttons and the enumerators for each one but I dont understand what i have to change in the code

[@50shadesofskittles9]

Love it!

[@juggernautx1779]

adding outline on meshes without using a Post Process Volume?

[@UnrealSolver]

I don’t quite understand what do you mean, this is widget based project, no meshes are used here And there are plenty of tutorials on how to make outline with Materials instead of Post Process if that’s what you mean 🤔

[@juggernautx1779]

@@UnrealSolver I been looking but everyone is using a Post Process Volume in the level which is not what I'm looking for. Like for example in an FPS game when you see pickups with an outline custom colour

[@UnrealSolver]

I removed the last link I used, I created my own video from which you can learn how to do it ;]

[@thelinkofmachi]

thanks you really helped! By any chance do you know a way to zoom in widgets with pinch? i'd really like to implement pinch with that scale feature! thanks again for the video.

[@UnrealSolver]

Thanks! I’m glad you like the tool ;) What do you exactly mean with ‘zoom with pinch’?

[@thelinkofmachi]

@@UnrealSolver Thanks for the answer so soon! with "pinch zoom" i mean the gesture to zoom with two fingers, like a photo in a phone gallery. i already have a working code for pinch in general, but in widgets it just doesn't work :(

[@UnrealSolver]

@@thelinkofmachi unfortunately I am not making mobile projects so I cannot tell what may that be I can imagine what could be done but I have no experience in mobile so I cannot tell, sorry mate

[@thelinkofmachi]

@@UnrealSolver No problem! you already helped a lot, thanks anyway.

[@concavekimono8036]

Is there a way to add mechanics to this? Like having to move windows to certain places in a UI based puzzle for example? Great video as well man :)

[@UnrealSolver]

Sure thing! As the Windows contain only code for scaling and moving there's a lot of space for other things For your idea you would want to: -Remove Scaling -Add background Widget that will be the playfield for your puzzles (this would contain some grid) -Simple math for checking if we overlap a field when 'dropping' the puzzle -Some simple rules telling if it's the correct placement That's a very simplified version of steps but hope this will point you somewhere in the right direction I think I'll make a video-tutorial to make a simple puzzle game as it's an interesting idea :)

[@agj383]

great channel.

[@UnrealSolver]

Thank you ^_^ 🍻

[@abdelrhmanhassan75]

add favorite feature to the widgets?

[@UnrealSolver]

Sounds like a cool feature! Making it isn’t hard, the thing is that at the moment the Project doesn’t contain too much to offer but once it will get expanded we’ll get into some better tuts including making some sort of favourites menu/pane ;) Thanks for suggestion!

[@UnrealSolver]

Favourites are done! Check out my Google Drive -> Unreal Projects for Interactive Widgets [4.27]!

[@yuanzeng902]

thank you