How to Drag UI Windows and Send to Top in Unity
ฝัง
- เผยแพร่เมื่อ 27 พ.ย. 2019
- ✅ Get the Project files and Utilities at unitycodemonkey.com/video.php...
Let's write some code to easily Drag a UI Window and Send it to the Top.
Battle Royale Tycoon
store.steampowered.com/app/85...
If you have any questions post them in the comments and I'll do my best to answer them.
🔔 Subscribe for more Unity Tutorials / @codemonkeyunity
See you next time!
🤖 Join the Community Discord / discord
📦 Grab the game bundle at unitycodemonkey.com/gameBundl...
📝 Get the Code Monkey Utilities at unitycodemonkey.com/utils.php
#unitytutorial #unity3d #unity2d
--------------------------------------------------------------------
Hello and welcome, I am your Code Monkey and here you will learn everything about Game Development in Unity 2D using C#.
I've been developing games for several years with 7 published games on Steam and now I'm sharing my knowledge to help you on your own game development journey.
You can see my games at www.endlessloopstudios.com
--------------------------------------------------------------------
- Website: unitycodemonkey.com/
- Twitter: / unitycodemonkey
- Facebook: / unitycodemonkey
Here's an essential script for any game that uses a lot of windows!
🎮 Play 7 Awesome Games (Action, Strategy, Management) and Help Support the Channel!
✅ Get the Game Bundle 67% off unitycodemonkey.com/gameBundle.php
Dividing by canvas.scaleFactor does not seem to work for me. Do you know why?
@@lukax6287 Are you using a Screen Space canvas? Did you set the Canvas Scaler like I did?
Honestly, im so glad i found your channel, everything is explained perfectly, thanks !
I can't tell you how useful your tutorials are to me personally.
Awesome job, thank you.
Thanks for making tutorials on mechanics from your own games!
It helps a lot!!
this is exactly what ive been looking for! You rock
Thank you so much! You use TH-cam in the best way! Also I love the intro :]
One of your best tutorials! Cheers.
I need to watch more of your videos. I made this waaay more difficult than it should have been.
Dude... loving the content, one of the top tier unity tutors on YT.
Thank you Mr. Monkey. Great, simple tutorial.
Favorited this one. Very useful tut.
So helpful and easy! Thank you!
Hi! Awesome as usual!
10:30 - instead of using "while" loop better use method GetComponetInParent( ) of the Component docs.unity3d.com/ScriptReference/Component.GetComponentInParent.html
or GameObject.FindObjectOfType( ) docs.unity3d.com/ScriptReference/Object.FindObjectOfType.html
The first one does the same things as your WHILE-loop but "out of the box". The second one goes from the top of the hierarchy to bottom and try to find the first occurrence of the needed type.
Great as always) keep going )
Awesome as always!
Awesome tutorials, I like it)
clear and helpfull, thx bro
best tutorial !!! Thanks !!
Hi! This video is awesome and it helped me a lot. Thanks.
However, I do have a few more questions and those are:
1.) How can we resize the window by dragging its edges?
2.) How can we make minimize and maximize buttons?
Thanks for your answer in advance :) .
Anthor Awsome tut. And Yup i use this technique to make custom UI for player...just like PUBG ..
Great tutorial. :)
Rly usefull thanks ! :)
This video makes me subscribe.
Hey nice tutorial do you have a video for resizeing the window?
thank you vm
Hi Code! Thank you for the tutorial; i have a problem with the package this not loaded scripts in some objects in the scene
What objects are missing? The window drag script should all be there
hey code, thanks for the video
i need some help. im doing a typing game,
i have a list of strings showing in the canvas, when you type the correct word, it's deleted from the list.
i want a way to have a color gradient for the list, being transparent at the top and full opaque at bottom.
i've done a shader for a plane that is over the list to "fake" that degradation. but is not ideal.
how would you do it?
can you show,.. "UI can´t leave the screen" and "automatic adjustment of the size when adjusting the screen"? thanks for this awsome video
Check out the Tooltip where I make it so it never leaves the screen
th-cam.com/play/PLzDRvYVwl53sN4Ewi_f-iyWZzWNmLG_bI.html
@@CodeMonkeyUnity Thank you! i love your content!
How would I best go about making it so you can click, drag and resize these windows?
Hey guys quick tip is if you don't want it to be on top of other UI create a new canvas and place that canvas below the other UI canvas and boom
Use dark theme for code editor. You burned my eyes :D
Sadly the dark editor burns my eyes
@@CodeMonkeyUnity try visual studio code with atom theme. its faster and better editor with amazing color palete. and theme is very nice.
Thanks, it works great but if I wanted to make the panel stop within the edges of the canvas, how can I do?
Do some math with the size of the window and check if the new position is valid, I did some window math in the Tooltip video for resizing it unitycodemonkey.com/video.php?v=YUIohCXt_pc
How to make the windows resize if we drag the corners?
hm the deviding by canvas scalefactor doesnt seem to work what could be the problem? double checked the code and adjusted it to the main project canvas?
Having the same problem
Same here
8:20 literally googled that today. I use OnMouseDown/-Up/-Enter/-Exit. Is that fine or should I use your method?
OnMouseDown uses colliders whereas OnPointerDown uses the EventSystem.
If you're trying to click on a SpriteRenderer in your scene use OnMouseDown, if you're working with UI objects use the EventSystem interfaces.
Hi CodeMonkey,
This is a good video, but I have a question. I have 4 windows, 1 fixed window and 3 drag windows. When I click on a drag window, that window is moved to the bottom of the list and appears in front of the other windows. How can I make sure that only this front window and the fixed window are not transparent?
Sorry my bad english...
You can handle transparency with a CanvasGroup, then just keep all your windows in a List and do whatever logic you want with them
Hello! Do you have a video where you implementing a resizable UI windows?
Haven't covered that yet, could be an interesting topic.
If you use Unity's anchors it should be relatively easy, position all the children with their anchors and click and drag to modify the edges of the parent sizeDelta
I'll look into it, thanks!
@@CodeMonkeyUnity i find this task pretty "gimmick" if you want to do it with 8 resize points (4 in corners and 4 in the middle of each side) and behave like in any "shape editor"
Hi! Great vid, but how to make UI windows stay within canvas boundaries?
You need to do some math based on the background size, similar to how I made with the Tooltip th-cam.com/video/wghrwZ4KQrc/w-d-xo.html
how come its not letting me assign the window to the rectTransform thing :( is it because im using sprites? its letting me assign some thing but not my whole window :(
RectTransform is a UI component so if you have a normal GameObject outside the UI it doesn't work with that
At 10:23 why didn't you use GetComponentInParent()¿🤔
Anyone know a way to make the scale or size of a window adjustable by the user? Not just scaling with the screen size or being able to scale the entire game window but scaling the window by clicking and dragging like you can do on a browser window or other PC windows?
There's no automatic way, you have to manually handle that logic yourself. Capture clicks on the edges of the window, listen to while the mouse is held down, increase the size of the container, etc
@@CodeMonkeyUnity it would be great to get a tutorial on this as I can't find one anywhere.
How does one prevent dragging UI window from the screeen and not getting it back on screen ever again? :D
Asking this cause it may literally be the case.
You could do some math using the width of the window and reposition it if it gets off screen, like I did with my tooltip tutorial unitycodemonkey.com/video.php?v=YUIohCXt_pc
Why not just using GetComponentInParent() it's much easier !??
hey nice video. But what about preventing the UI to dragged outside of the screen ?
The mouse itself should never be able to leave the screen.
As for the window, you can look into how I did it on the Tooltip th-cam.com/video/wghrwZ4KQrc/w-d-xo.html
@@CodeMonkeyUnity I figured a solution for myself now but thx
@@Chrizzonator what's the solution for this problem?
ScreenPointToLocalPointInRectangle is a better 'universal' solution
At 10:16, wouldn't it be easier to use transform.root?
potentially depending on how you setup your hierarchy. If your canvas is not the root of your gameobject then I think root will not work.
How can I restrict the windows to stay within screen bounds?
Do some math with the window size and the Screen.width, I did something like that in the tooltip video unitycodemonkey.com/video.php?v=YUIohCXt_pc
What happens if you send a window off screen ? how do you deal with that ?
If you can drag your cursor out of screen, yes you can drag window out.
The cursor cannot leave the screen so that shouldn't ever happen.
But you can add a simple position test when dropping the window.
Hi, I want a help about unity!! My question is, can I make a 2D or 2.5D with vector style graphics games with cool modern particle system particle effects, AI agents, vector graphics, 2D rendering, 2D physics effect in unity personal version (free) with a low budget HP laptop. With Intel quad core i3 CPU + Intel HD 4400 graphics and 4gb ram + windows 10 ? Plzz help me 🙏
Should be doable but the hardware specs are a bit low for overall game development.
You can but it will be so painful.
4gb ram, Windows 10 and unity doesn't work together. You'll get so triggered at your laptop that you wanna throw it out of the window.
When you have a low budget laptop the first thing you should do is getting Linux. While it's bad for Unity you can do a lot of other stuff and things will run much smoother.
Unity is free so just try it out, that laptop is enough for you to start learning.
The popups are kinda disturbing the flow of the video. Could you instead put the info in the beginning or after the video? I'm sure more people would like to check out those things if they weren't in the process of coding at the time. I'd love to know what games that you've made, but not in the middle of creating interface objects.
I always make sure the popups never block anything so you can follow along and not miss anything.
@@CodeMonkeyUnity They don't block anything, but they steal attention from the actual tutorial, breaking the concentration of the viewer. I can't speak for anyone but myself, but to me it had the opposite effect of what you're after. I went from "I want to know more about this author's games" to "well that was annoying, now what was I doing? Now I have to rewind." after it popped up. Personally I'd much prefer a "hey why not check out some of these games I made" at the end of the video. At that point I'm done with the work part, I could use a break, and I'm thankful for the lesson. I'd be much more inclined to check them out then.
o