You're reading from Mastering UI Development with Unity Develop engaging and immersive user interfaces with Unity

Product type Paperback

Published in Jun 2024

Last Updated in Apr 2025

Publisher Packt

ISBN-13 9781803235394

Length 638 pages

Edition 2nd Edition

Tools

Unity

Concepts

UI Development

Author (1):

Dr. Ashley Godbold

View More author details

Table of Contents (28) Chapters

Preface

1. Part 1: Designing User Interfaces

2. Chapter 1: Designing User Interfaces FREE CHAPTER

3. Chapter 2: Designing Mobile User Interfaces

4. Chapter 3: Designing VR, MR, and AR UI

5. Chapter 4: Universal Design and Accessibility for UI

6. Chapter 5: User Interface and Input Systems in Unity

7. Part 2: Unity UI Basics

8. Chapter 6: Canvases, Panels, and Basic Layouts

9. Chapter 7: Exploring Automatic Layouts

10. Chapter 8: The Event System and Programming for UI

11. Part 3: The Interactable Unity UI Components

12. Chapter 9: The UI Button Component

13. Chapter 10: UI Text and TextMeshPro

14. Chapter 11: UI Images and Effects

15. Chapter 12: Using Masks, Scrollbars, and Scroll Views

16. Chapter 13: Other Interactable UI Components

17. Part 4: Unity UI Advanced Topics

18. Chapter 14: Animating UI Elements

19. Chapter 15: Particles in the UI

20. Chapter 16: Utilizing World Space UI

21. Chapter 17: Optimizing Unity UI

22. Part 5: Other UI and Input Systems

23. Chapter 18: Getting Started with UI Toolkit

24. Chapter 19: Working with IMGUI

25. Chapter 20: The New Input System

26. Index

Why subscribe?

27. Other Books You May Enjoy

Using UI Toggle

The UI Toggle object is an interactable checkbox with a label. To create a UI Toggle, select + | UI | Toggle.

Figure 13.1: UI Toggle GameObject and children

By default, a UI Toggle has two children: a Background and a Label. The Background also has a child, a Checkmark.

The Background child is a UI Image that represents the “box” in which the Checkmark UI Image appears. The Label is a UI Text object.

If you want to change the appearance of the box and checkmark, you change the source images of the Image components on the Background and Checkmark children, respectively.

Toggle component

The parent Toggle object has a Toggle component. The Toggle component looks very similar to the Button component and has many of the same properties. As you’ll see in this chapter, the first few properties of all interactable UI objects are the same. The properties at the bottom of the component are the ones that are exclusive...