Author Topic: Overview  (Read 332619 times)

ArenMook

  • Administrator
  • Hero Member
  • *****
  • Thank You
  • -Given: 261
  • -Receive: 1125
  • Posts: 21,784
  • 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: 261
  • -Receive: 1125
  • Posts: 21,784
  • 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.

vinz

  • Newbie
  • *
  • Thank You
  • -Given: 0
  • -Receive: 0
  • Posts: 1
    • View Profile
Re: Overview
« Reply #3 on: December 15, 2016, 02:03:58 AM »
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.

Thanks for making all these tutorial videos. They're really helpful and I agree videos are better than pdfs in this case.