Welcome,
Guest
. Please
login
or
register
.
December 06, 2024, 11:51:03 PM
Home
Help
Search
Login
Register
Tasharen Entertainment Forum
»
Support
»
NGUI 3 Documentation
»
Overview
« previous
next »
Print
Pages: [
1
]
Author
Topic: Overview (Read 513738 times)
ArenMook
Administrator
Hero Member
Thank You
-Given: 337
-Receive: 1171
Posts: 22,128
Toronto, Canada
Overview
«
on:
November 22, 2013, 11:43:27 PM »
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
«
Last Edit: June 28, 2018, 06:29:12 PM by ArenMook
»
Logged
scortillion
Newbie
Thank You
-Given: 0
-Receive: 0
Posts: 1
Re: Overview
«
Reply #1 on:
May 13, 2016, 11:35:18 AM »
How about a manual? Is there a manual that can be downloaded?
Logged
ArenMook
Administrator
Hero Member
Thank You
-Given: 337
-Receive: 1171
Posts: 22,128
Toronto, Canada
Re: Overview
«
Reply #2 on:
May 14, 2016, 07:06:51 PM »
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.
Logged
kici
Newbie
Thank You
-Given: 0
-Receive: 0
Posts: 1
Re: Overview
«
Reply #3 on:
July 14, 2017, 12:15:28 PM »
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
Logged
ArenMook
Administrator
Hero Member
Thank You
-Given: 337
-Receive: 1171
Posts: 22,128
Toronto, Canada
Re: Overview
«
Reply #4 on:
July 15, 2017, 06:41:29 AM »
Unfortunately I don't think I've ever created a zip of them...
Logged
Print
Pages: [
1
]
« previous
next »
Tasharen Entertainment Forum
»
Support
»
NGUI 3 Documentation
»
Overview