Laying out the dropdown with caption and item images

To create a UI Dropdown menu like the one shown in the previous image, complete the following steps:

  1. Locate the dogSprites.png image provided in the Chapter7/Sprites folder of the source files of the text and bring it in to the Assets/Sprites folder of your project.
  2. Slice the spritesheet by setting its Sprite Mode to Multiple and utilizing Automatic slicing. When you perform the Automatic slice, set the Pivot to Bottom.
  3. Now, let's add a UI Dropdown to our Pause Panel. Right-click on the Pause Panel in the Heirarchy and select UI | Dropdown. Move the Dropdown upward in the Hierarchy so that it is listed right below Pause Banner.
  4. Adjust the size and position of the Dropdown by settings its ...

Get Mastering UI Development with Unity now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial