Creating Widgets | NGUI for Unity

Creating our first widget

We will create our first sprite widget to display our main menu's background window. In order to do that easily, NGUI has a Widget Wizard with a few templates for us.

Widget Wizard

The Widget Wizard can be opened by navigating to NGUI | Open | Widget Wizard. It will look like the following screenshot:

As you can see in the previous screenshot, to create a widget, you require Atlas and Font to be configured. As said in Chapter 1, Getting Started with NGUI, an atlas is a large texture containing the sprites that you need to create your UI. For the rest of this chapter, we will use the default atlas named SciFi Atlas , which is included in the plugin.

Selecting an atlas

Let's select our default SciFi atlas, which contains the necessary sprites, as follows:

In the Project view, navigate to Assets | NGUI | Examples | Atlases | SciFi.
Drag-and-drop the prefab SciFi Atlas.prefab in the Atlas field.
Drag-and-drop the prefab SciFi Font – Header.prefab in the Font field.

We have...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

NGUI for Unity

By : Charles Bernardoff (EURO)

NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

Creating our first widget

Widget Wizard

Selecting an atlas

NGUI for Unity

By : Charles Bernardoff (EURO)

NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

Creating our first widget

Widget Wizard

Selecting an atlas

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access