Join Jesse Freeman for an in-depth discussion in this video Controlling UI navigation, part of Unity 5: UI.
- Now, let's take a look at how we can link…UI elements together,…and navigate them with something like…a game controller, or the keyboard.…Let's take this button…and change it's highlight color to yellow.…Next, we're going to copy this…and paste three more buttons.…Now, let's move these around.…We'll zoom out a little bit in our scene,…and move the first one up.…
Move the second one down.…And we'll just keep moving these all around…until we have something like this.…And then let's just go in and rename each of these buttons.…We'll call this button Top.…Button Bottom.…Button Left.…And button Right.…
If we were to run the game right now,…and hit our arrow keys, nothing would happen.…Unity doesn't know which is the first item…that needs to be selected.…Let's stop the game and go back into the Event System.…Here, we're going to drag button Top…to the first selected field on the Event System.…If we run the game, you'll now see…the Top button is highlighted.…If we hit Down, it'll go to the bottom button.…
If we hit Right, it'll go to the right.…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.