Master your Unity UI Buttons! - Unity UI tutorial

[@CocoCode]

If you want to learn how to animate buttons 👉 Check out my newest course, Master Unity UI ➡ bit.ly/cc-unity-ui-11 It’s packed with everything you need to create awesome UI ✨🎨

[@spackseries4400]

underated channel. Stumbled upon you when looking for some button help. Saved me! You won yourself a sub!

[@CocoCode]

Have you already worked with buttons in Unity? What is your experience? 🎉

[@RonnieBanerjee007]

Really not many useful tutorials on UI, thanks for the vid. Subbed.

[@Glados44]

Yes- Im doing a main menu and your videos are a greatfull help with that labor. Thank you men

[@mannixpro3543]

When i click the button on my scene it also clicks the obj behind it.

[@dwaghe2444]

Bro thank you so much I was not able to understand all this but after watching this my life is easy thank you sooo much!

[@fonixshield3147]

Great lesson! It contained diverse knowledge and filled in some holes. The Layout related things are what I was looking for in the UI scaling video. But it was good to see animations too.

[@imakeinternetdev]

A straight to the point and most excellent tutorial that got me the exact button look I was going for. Thank you!

[@imakeinternetdev]

@Shoo897 Sure, but this tutorial had nothing to do with TMP and everything to do with standard Unity UI buttons.

[@Ferenc-Racz]

Huge thanks for this simple but more usefull video.

[@noobemath]

0:34 I still don't understand what or why you did that thing with the anchors ? It seemed to be making no difference at the moment.

[@mepaul7016]

just wow, never approached this with UI Button before

[@pashabezk]

Thanks! Your video really helped me to understand button styling

[@thatcardiologist3874]

Do you happen to know which unity project type was used in this video? I assume it's "2d core" but I'm not sure.. I'm only asking you because you are the most recent comment and I don't want to ask someone who commented a year ago.

[@pashabezk]

@@thatcardiologist3874 I'm not sure, but think that it's a 2d project. Anyway, I used this styling guide to make buttons for my 2d project

[@thatcardiologist3874]

@@pashabezk Okay, ty

[@saia_alif9108]

where do i get the example script

[@redi8229]

Your channel is really really stylish! i like your UI videos, especially if it goes more on the side of more advanced UI techniques :D please do more in the future

[@CocoCode]

Thanks a ton! More UI videos coming 🎉

[@Qwetzxl]

Ikr his ui is also so clean bro i wish i could make ui like that also quick question, i am making a pixel art game should i use normal art or pixels art for ui?

[@redi8229]

@@Qwetzxl doesn't matter as long as you're consistent about it. if you use vector art for ui, then make sure the rest of the UI uses that as well.

[@Qwetzxl]

@@redi8229 ok I will try tysm :)

[@BeerMoneyGames]

Awesome video thank you!

[@CocoCode]

Glad it helped! Be sure to subscribe for more Unity UI tutorials ;)

[@Glados44]

You are awesomen men. Im keeping up with your videos cause i learn a lot about the ui and the menus of unity. Thanks !

[@ovna]

Best unity channel !

[@CocoCode]

Woah, that's great to hear, thank you! 🎉

[@egorovsa]

Perfect!!! Thanks

[@chrysispanoudaki4050]

Great! Keep up the good work!

[@CocoCode]

Thanks! Be sure to check out other Unity UI tutorials ;)

[@MrFarkasOfficial]

I used to watch an episode of the Office with my coffee and croissants in the morning. Now it’s gonna be Coco Code videos.

[@CocoCode]

Hah, great to hear that! Any favourite one? Btw, check out Coco Code discord! 🎉

[@MrFarkasOfficial]

@@CocoCode for now the ones i liked the most were UI buttons and onclick actions. Really good studf!

[@vacantknight]

Thanks You Very Good Tutorial And Very Easy To Follow

[@CocoCode]

Glad it helped!

[@juandeybycarlos-chullo6741]

This video is amazing, It is very useful

[@brahimdiaz1999]

Really loved it, but can you please make another tutorial showing how to change the text object (Button child)'s color when it's hovered/highlighted? thanks!

[@khurum]

You can have a script with a ref to the button and then listen to the pointer up and down events and change the text accordingly.

[@-Kadir_Demirci-]

Thanks.

[@nemanjasekulic711]

you have great videos!

[@ssojyeti2]

great tutorial, thanks!

[@voracdesign]

Thank you very much!! I already had few scripts in mind for animation. This animation tool makes it way easier!! Thanks!

[@marcinziajkowski3870]

The new feature "Selected color" is annoying. How to deal with it?

[@metina9406]

hi how can create backround color gradient and "line border" pattern ? can you help me ?

[@BNuwan123]

Great dude

[@DastanPrime]

Great video, it helped me a lot!!! Thanks!

[@jigsmo]

Thank you!

[@marcinziajkowski3870]

The buttons do not come back to normal state until next press somewhere else. How to fix that? The button stays with Selected color.

[@mannix143]

Do you have a tutorial about blocking ui clicks passing through buttons? All the other tutorials in youtube are not working. Thanks

[@CocoCode]

Hey! Can you please describe what do you mean?

[@mannix143]

@@CocoCode hi thanks for the quick reply. My scenario is i have gameobjects and when highlighted i have a button that will show the name of that gameobject(or a part of a machine for example). If i click the button to show the name of highlighted gameobject, it will give me the one that is under the button instead, but if no gameobject is underneath the button it works fine. I tried using panel, images, gameobjects on UI but it still goes through. I have a bolt flowmachine on the button to run the popup window to show the name.

[@InsaneJumpscare]

How do you make the button shrink again after you press it?

[@marcosssocram]

Thank you very much, Good Sir :D

[@RockLiu-b2l]

it's so great

[@sinsgal]

the only thing i want to know is that how do i make buttons detect and get triggered/start working when i click it on mobile

[@mohabmohamed6766]

where is the rounded corners?

[@scadroit1939]

Easy sub. thanks for video

[@TheEnglishQuail]

ok the most important part of the "simple button" part was how to make the button work and you just skip over this example object that you never explain it's purpose or whats in it but cool very cool extremely useful I still cant make a damn button

[@TheEnglishQuail]

like i'm fucking dying trying to figure out the code aspect of this stupid button, and not a single tutorial on youtube has it with the new input system and you fucking skip over it and the unity manual is shit so fuck me I guess.

[@TheEnglishQuail]

Trying to make the button print to console, but when I click the button it doesn't print to console. Sure would've been nice to have seen what your code looked like to see where I went wrong! Guess you didnt think that was important though. I still can't make a button do anything. Thanks pal

[@83rdgec17]

@@TheEnglishQuail ik its been five months lol but if u still want help tell me what ur trynna do

[@mqosu]

@@83rdgec17 I'm having the same problem. It's basically what TheEnglishQuail laid out. It's a great tutorial but he never explains what the example object is. So can you help with that?

[@83rdgec17]

@@mqosu yeah. I’m actually not sure about the new input system since I use the old one but from my research it seems like the way buttons work hasn’t changed much. But I could be wrong. Anyway, the example object has a script attached. This script contains a public function (ie public void) that, once run, will make the “button press” prompt appear, and go upward whilst fading away. There are plenty of ways to do this but it’s not relevant to the button; what’s inside the function could be anything depending on what you want the button to do. Anyway, the way he made the button work was the add a button component, drag the example game object into the little box to the bottom left, and then in the drop down menu, go example game object > the script with the public function > the public function itself. This tells the button exactly what function to run when pressed. Hopefully this helped

[@sparklydavid]

Thanks

[@erdoganaydin6702]

I can not put SVG Vector Image to my button's image.What is the solution anyone knows ?

[@Baaldiqack]

the best

[@RozgarAhmed]

You know how to make a specific button clickable only if there is Internet/Network Available? I intend to use this feature on my RewardVideo Buttons for Unity Ads.

[@gr8siddhesh]

Its done by first disabling the button and then enabling the button in OnUnityAdsReady function

[@XboxPlayerPL]

Does it use a new input system?

[@CocoCode]

Yup! This should work for both desktop and mobile!

[@XboxPlayerPL]

@@CocoCode Thank you for the answer!

[@rohitbajpai8101]

better place, I want to take tNice tutorials seriously and tryhard my way into tNice tutorials industry. The people who put in the most work are the most

[@sparkytherecycledpuppy9400]

Are any downsides? I'm a bit skeptical when adding all kinds of packages or dependencies to my projects, sometimes when upgrading it might give me some errors but that's another story, anyways, I'm referring to performance issues, or other possible issues.

[@CocoCode]

Of course I can guarantee you anything, but I’ve been using it for some time and so far it was pretty ok for me. Also - important - it’s an official Unity package and in fact they decided to include it as a stock feature in upcoming Unity 2021.1 Source: forum.unity.com/threads/new-device-simulator-preview.751067/page-5#post-6574225

[@gamedoge1492]

text doesnt show

[@CocoCode]

Have you followed all the steps like in the video? Be sure to join Coco Code discord and discuss your problem with others: discord.gg/hNnZRnqf4s 💬

[@lee1davis1]

Crap. There is a lot I didn't know I could do😮

[@DonMhylios]

i love u

[@catchthesehands_]

No script? Not helpful

[@emr_yasa_]

+1

[@arthurmorgan8328]

What da heck with all your voices?!?!

[@CocoCode]

What do you mean? 😱

[@tamasorvos8882]

Thank you, great tutorial!

[@Ghost300dev]

Thanks!

[@sherazAsghar]

thanks