We’ve learned how to make UI that has all of its components visible on the screen at once, but often you will have UI elements that are off-screen or off-menu and not visible until you navigate to them or reveal them.

In this chapter, we will discuss the following topics:

• How to use masks to hide portions of UI Images
• Using Scrollbars and accessing their properties via code
• Utilizing the UI Scroll View to create scrollable menus
• Creating a settings menu with a mask and scrolling text

Note

All the examples shown in this chapter can be found within the Unity project provided in the code bundle. They can be found within the scene labeled Chapter12.

Each example image has a caption stating the example number within the scene.

In the scene, each example is on its own Canvas, and some of the Canvases are deactivated. To view an example on a deactivated Canvas, simply select the checkbox next to the Canvas...