Book Image

Learning NGUI for Unity

By : Charles Bernardoff (EURO)
Book Image

Learning NGUI for Unity

By: Charles Bernardoff (EURO)

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
Learning NGUI for Unity
Charles Bernardoff (EURO)
Dec, 2014 | 360 pages
No titles found
Table of Contents (17 chapters)
Learning NGUI for Unity
Learning NGUI for Unity
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with NGUI
Getting Started with NGUI
Overview
Final build
Importing NGUI
Creating the UI Root
Displaying text
Widget parameters
Displaying a sprite
Under the hood
Summary
2
Creating NGUI Widgets
Creating NGUI Widgets
Control prefabs
The Prefab Toolbar
Buttons
The Options window
Popup List
The input field
Adding a checkbox
Slider
Summary
3
Enhancing Your UI
Enhancing Your UI
NGUI components
Enlarging buttons on hover
Menu appearance
Menu disappearance
Switching to options
Back to the menu
Scene initialization
Hiding and showing the volume box
More tween components
Draggable windows
Scrollable text
Close buttons
Localization system
Anchors
Summary
4
C# with NGUI
C# with NGUI
Events
Creating tooltips
Tweens
Event delegates
Keyboard keys
Saving options
Persistent UI
Summary
5
Atlas and Font Customization
Atlas and Font Customization
Texture atlas
Creating a new atlas
Adding sprites to the atlas
Fonts
Displaying large textures
Summary
6
The In-game User Interface
The In-game User Interface
The game
Draggable power sources
Moving the player
Player name display
The elemental source switch
The elemental switch charging process
The unavailable button
Launch from the main menu
Summary
7
3D User Interface
3D User Interface
Introduction to 3D user interface
The 3D environment text
Lighting effects
Summary
8
Going Mobile
Going Mobile
Switching to Android
Preparations
Testing the game
Corrections
Customizable UI
Unity Remote
The profiler
Debugging on the device
Summary
9
Screen Sizes and Aspect Ratios
Screen Sizes and Aspect Ratios
The adaptive UI
The flexible UI
Multiple bitmap fonts
Multiple atlases
Switching atlases
Switching fonts
Summary
10
User Experience and Best Practices
User Experience and Best Practices
How it all started
Definitions
User interfaces in games
Heuristics
Testing your game
Summary
Index
Index

Creating tooltips

Let's use the OnTooltip() event to show a tooltip for our buttons and different options, as shown in the following screenshot:

The tooltip object shown in the preceding screenshot, which we are going to create, is composed of four elements:

  • Tooltip: The tooltip container, with the Tooltip component attached.

  • Background: The background sprite that wraps around Label.

  • Border: A yellow border that wraps around Background.

  • Label: The label that displays the tooltip's text.

We will also make sure the tooltip is localized using NGUI methods.

The tooltip object

In order to create the tooltip object, we'll first create its visual elements (widgets), and then we'll attach the Tooltip component to it in order to define it as NGUI's tooltip.

Widgets

First, we need to create the tooltip object's visual elements:

  1. Select our UI Root GameObject in the Hierarchy view.

  2. Hit Alt + Shift + N to create a new empty child GameObject.

  3. Rename this new child from GameObject to Tooltip.

  4. Add the NGUI Panel...

Previous Section
End of Section 3
Next Section