Join Jesse Freeman for an in-depth discussion in this video Creating a button, part of Unity 5: UI.
- View Offline
- Exercise Files
- Now we're ready to start looking at the button component.…Let's create a new scene called ButtonScene…and save it into our Scenes folder.…Next, we'll create a button.…Now, let's take a look at the components…that make up the button.…The button is a complex component.…It's actually made up of two UI elements.…The top layer being the button…and the bottom being text label.…
On the button, if we scroll down…past the Canvas Renderer and Image,…we'll see there's a Button (Script).…On the Button (Script) we can select…whether this button is interactable.…We can also change the transition type.…By default, the transition is set to a color tint.…It's target graphic is the image component of the button…and it just changes the tint as you use the button.…
There are states for normal, highlighted, pressed, disabled…and you can alter the color manipulation…as well as the fade duration.…Below that is Navigation,…which we'll look at in a later video.…And then at the very end is the On Click handler.…This allows us to link our button to other scripts.…
- Adding new components to the Canvas
- Working with RectTransforms
- Nesting UI elements
- Adding rich text and effects to the UI
- Creating images
- Styling UI buttons
- Handling input
- Creating sliders
- Controlling the layout of the screen
- Adding toggles and dropdowns
Skill Level Intermediate
Unity 5 2D Essential Training (2015)with Jesse Freeman3h 22m Intermediate
1. The Canvas
2. Working with the RectTransform
3. Working with Text
4. Working with Images
5. Working with Buttons
6. Handling UI Input
7. Working with a Slider
8. Controlling Layout
9. Toggles, Dropdowns, and the Input Field
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.