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

Product type Paperback

Published in Jun 2024

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

Examples

I mentioned earlier in this chapter that a common usage of masks and scroll views is a menu with multiple items in it. So, for this chapter, we’ll only create one example, a scroll view from a pre-existing menu, by mimicking the layout of the Scroll View UI object.

Making a scroll view from a pre-existing menu

To help organize the project, duplicate the Chapter11-Examples scene that you created in the last chapter; rename it Chapter12-Examples. Open Chapter12-Examples and complete the following example within that scene.

I want to be able to add more items to my Inventory Panel and allow the player to scroll through the items. I could create a new UI Scroll View item and update it to look like my current Inventory Panel, but that would be more hassle than it’s worth. So, instead, I will convert the current Inventory Panel to a scrollable view. After it is complete, it will look like the following figure: