Overview

[ArenMook]

Did you know that starting with NGUI 3.0.6 you can Right-click on any NGUI component and choose "Help" to get a write-up for that specific component?

NOTE: If you seek an answer to a question that has not yet been answered on the forum, just ask in #ngui-support channel on Discord.

You can also get a head start on your UI creation by opening the Prefab Toolbar (NGUI -> Open -> Prefab Toolbar).

If you are updating from NGUI 2, download and import this package to help.

Videos

• 3.6.0 Tutorial 1 - This tutorial explains how to set up your environment to match what I have in my videos.
  
• 3.6.0 Tutorial 2 - This is the tutorial for beginners that covers NGUI's basics.
  
  • 0:25 - Raycast Hit Triggers
    
  • 0:50 - Updating NGUI
    
  • 1:15 - Using provided controls
    
  • 2:13 - Default UI hierarchy
    
  • 2:41 - Create a Sprite
    
  • 2:58 - Create a Label
    
  • 4:28 - Text crispness
    
  • 4:55 - Draw Order and Depth
    
  • 5:47 - Panels
    
  • 6:14 - Layout System
    
  • 7:08 - Anchoring to widgets
    
  • 8:23 - Anchoring to screen
    
  • 9:37 - Creating UI Controls
    
  • 10:13 - Bringing things to front
    
  • 10:50 - Context Menu
    
  • 11:52 - Help
    
• 3.6.0 Tutorial 3 - This tutorial continues on the previous and explains how to make your UI interactable.
  
  • 0:17 - Brief overview
    
  • 0:44 - Starting from scratch
    
  • 0:55 - Adding interaction
    
  • 1:17 - Source of events / UI Camera
    
  • 2:03 - Button
    
  • 4:15 - Intercepting events
    
  • 5:39 - Highlighting elements
    
  • 6:51 - Sliced Sprite
    
  • 7:33 - Tiled Sprite
    
  • 8:44 - Fading in a sprite
    
  • 10:21 - Creating a Control
    
  • 10:45 - Reacting to On Click
    
  • 12:09 - Tweening
    
  • 14:09 - Event Trigger
    
  • 15:49 - Chaining tweens (On Finished)
    
  • 16:55 - Key Binding
    
  • 18:34 - On Submit (Input Field)
    
  • 19:27 - Key/Controller Navigation
    
  • 20:35 - On Value Change (Slider)
    
  • 21:28 - Help
    
• 3.6.0 Tutorial 4 - This tutorial covers advanced interaction: scroll views, drag & drop and events in the 3D world.
  
  • 0:04 - Creating a Scroll View
    
  • 0:48 - Adding interaction
    
  • 2:30 - How Depth affects events
    
  • 3:30 - Intercepting events
    
  • 4:12 - Debugging events
    
  • 5:06 - Covering the scroll view
    
  • 5:57 - Drag & Drop
    
  • 6:29 - Drag & Drop Root
    
  • 7:40 - Grid component
    
  • 8:57 - Smooth drop (Tween)
    
  • 9:13 - Smooth drop (Grid sorting)
    
  • 9:35 - Scroll bar
    
  • 10:13 - Reset clipping position
    
  • 10:30 - Content Origin
    
  • 11:00 - Drag direction restriction
    
  • 11:55 - Dropping items somewhere
    
  • 13:01 - Reparenting dropped item
    
  • 14:00 - Drop into another scroll view
    
  • 17:03 - Example 11 overview
    
  • 17:30 - Interacting with 3D objects
    
• 3.6.0 Tutorial 5 - This tutorial covers a variety of miscellaneous topics as well as basic scripting.
  
  • 0:20 - Example 1 (Anchors)
    
  • 1:18 - UIRoot: Pixel Perfect
    
  • 2:01 - UIRoot: Fixed Size
    
  • 2:46 - Localization
    
  • 3:35 - Atlas Maker tool
    
  • 3:52 - UI Texture
    
  • 4:55 - Adding sprites to an atlas
    
  • 5:49 - Font Maker tool
    
  • 7:06 - Font modifiers
    
  • 8:00 - Deleting a sprite
    
  • 8:25 - Scripting
    
  • 10:32 - Changing a sprite via a script
    
  • 10:54 - Tweening via a script
    
  • 11:41 - Event delegates via a script
    
  • 12:55 - Help
    
• 3.6.0 Prefab Toolbar - NGUI 3.6.0 adds a toolbar for prefabs to be used like a handy palette.
  
• 3.6.0 2D Sprite-based UI - NGUI 3.6.0 lets you create your UI without having to generate atlases before-hand.
  
• 3.5.6 Data Binding - Brief overview of the data binding system added in 3.5.6.
  
• 3.5.6 Delegates & Parameters - Short video showing how to use event delegates and assign parameters.
  
• 3.5.X Atlas & Font Modifiers - Overview of how to use the new sprite and bitmap font modifiers to add shadows, outlines, glow, etc.
  
• Reference Atlases - Brief overview of reference atlases and how to use them to swap SD/HD/UHD atlases.
  

Older Videos

• 3.0.7 Tutorial - Beginner to advanced level. Goes over some of the recent features and finishes by creating a pair of resizable draggable drag & drop item scroll views.
  
• 3.0.7 f1 Layout System - NGUI 3.0.7 shipped with a new powerful layout system. This quick 4 minute video explains it!
  
• 3.0.7 Layout System - Another quick look at the new layout system.
  
• 3.0.7 Sliced & Tiled Sprite - Simple explanation of how to use the new layout system to create a sliced & tiled sprite.
  
• 3.0.6 Overview - Video overview of 3.0.6's features, showing it in action for all the basic tasks
  
• Upgrading NGUI 2.7 project to 3.X - Video in which I eat my own dog food and upgrade an NGUI 2.7.0-using project to NGUI 3.0. You can download the upgrade package here.
  

Examples

• Prefab Controls - Example controls that come with NGUI as prefabs that you can drag & drop into your scene
  
• Drag & Drop - Two scroll views with items you can drag & drop around
  
• Chat Window - Resizable chat window
  
• Scroll view - Simple scroll view
  
• Quest Log - Collapsible quest log
  
• Character Inventory - A character inventory system created using NGUI
  
• Localization - Localization system in action
  

Core Components

• UIRoot - Found at the root of most UI hierarchies
  
• UICamera - Responsible for sending out events
  
• UIPanel - Component that draws widgets and can have a rectangle for clipping
  
• UIRect - Abstract UI rectangle class that both widgets and panels derive from [Added in 3.0.7]
  
• UIWidget - Invisible widget component. Base class for visible elements
  
• UITexture - Simple drawable UI texture
  
• UISprite - UI element that pulls its texture data from an atlas
  
• UILabel - UI element used to print text
  
• UI2DSprite - Much like the UITexture, but draws Unity 4.3 2D sprites
  

Functional Components

• Localization System - How to localize your game into multiple languages [Changed in 3.5.0]
  
• UIScrollView - Fancy a scroll view, sir?
  
• UIButton - Multi-purpose component that adds simple event-based highlighting to widgets and can trigger remote functions on Click/Tap
  
• UIToggle - Another multi-purpose component that's used to create tabs, checkboxes and radio button groups
  
• UISlider - Component used to create draggable sliders
  
• UIScrollBar - Used to create draggable scroll bars
  
• UIProgressBar - Used to create progress bars -- similar to sliders, but without a thumb
  
• UIPopupList - Can be used to create drop-down lists and popup menus
  
• UIInput - Used to create input fields and editable text boxes
  
• UIKeyBinding - Bind a specific keyboard key to activate a button, input field, or select an object
  
• UIKeyNavigation - Attach this script to your controls to enable navigating your UI with a keyboard or controller. [Added in 3.5.5]
  
• UIGrid - Easily arrange a bunch of children into a fixed-size grid
  
• UITable - Lets you arrange children into a tighly packed table
  
• UIPlayAnimation - Lets you trigger remote animations from common events (click, press, etc)
  
• Tweens - NGUI comes with a simple-to-use tweening library
  
• Data Binding - A flexible generic data binding solution was added in NGUI 3.5.6.
  
• UIAnchor - [Deprecated in 3.0.7] Capable of anchoring a game object to sides or corners of the screen or widgets rectangles
  
• UIStretch - [Deprecated in 3.0.7] Can stretch one widget to the dimensions of the screen or another widget
  
  

Other Links

• Full Class Documentation - Contains detailed technical information on all classes and their functions. Also available in a ZIP file.
  
• Version Notes - Subscribe to this thread to be notified when NGUI gets updated
  
• Support Forum - Ask your questions here

[scortillion]

How about a manual? Is there a manual that can be downloaded?

[ArenMook]

If you're asking for static PDFs, no there aren't. Video tutorials and example writeups here are more fitting as you can ask questions there and then.

[kici]

I work out of a rural offline area, any chance that all these videos could be downloaded as one?

It sucks to download each utube video individually...

Thanks

[ArenMook]

Unfortunately I don't think I've ever created a zip of them...