Author Topic: Overview  (Read 372480 times)

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 336
  • -Receive: 1160
  • Posts: 22,121
  • Toronto, Canada
    • View Profile
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?

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
Examples
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
« Last Edit: May 17, 2014, 06:10:07 PM by ArenMook »

scortillion

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 1
    • View Profile
Re: Overview
« Reply #1 on: May 13, 2016, 11:35:18 AM »
How about a manual? Is there a manual that can be downloaded?

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 336
  • -Receive: 1160
  • Posts: 22,121
  • Toronto, Canada
    • View Profile
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.

kici

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 1
    • View Profile
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

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 336
  • -Receive: 1160
  • Posts: 22,121
  • Toronto, Canada
    • View Profile
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...