Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
Mastering UI Development with Unity

You're reading from   Mastering UI Development with Unity An in-depth guide to developing engaging user interfaces with Unity 5, Unity 2017, and Unity 2018

Arrow left icon
Product type Paperback
Published in Apr 2018
Publisher Packt
ISBN-13 9781787125520
Length 468 pages
Edition 1st Edition
Languages
Tools
Concepts
Arrow right icon
Author (1):
Arrow left icon
Dr. Ashley Godbold Dr. Ashley Godbold
Author Profile Icon Dr. Ashley Godbold
Dr. Ashley Godbold
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

Title Page
Copyright and Credits
Packt Upsell
Contributors
Preface
1. Designing User Interfaces FREE CHAPTER 2. Canvases, Panels, and Basic Layouts 3. Automatic Layouts 4. The Event System and Programming for UI 5. Buttons 6. Text, Images, and TextMesh Pro-Text 7. Masks and Other Inputs 8. Animations and Particles in the UI 9. World Space UI 10. Mobile-Specific UI 1. Other Books You May Enjoy Index

Index

A

  • accelerometer / Accelerometer and gyroscope
  • Anchor Handles / Anchor and Pivot Point
  • animated text
    • about / Animated text
    • Background Canvas prefab, creating / Creating a Background Canvas prefab and a new scene
    • scene, creating / Creating a Background Canvas prefab and a new scene
    • Text Box Windows, laying out / Laying out the Text Box Windows
    • Text Box text, animating / Animating the Text Box text
  • Animation clips / Animation clips
  • Animation Events / Animation Events
  • Animator controller
    • about / Animator Controller
    • Transition Animations /  The Animator of Transition Animations
    • layers / Animator layers
    • Animation Parameters, setting in Scripts / Setting Animation Parameters in scripts
    • State Machine Behaviours / Animator behaviours
  • art assets
    • examples / Examples
    • HUD Selection Menu, laying out / Laying Out an HUD Selection Menu
    • Grid Inventory, laying out / Laying Out a Grid Inventory
  • ascent / Ascent Calculation Mode
  • ASCII characters
    • reference link / Character
  • aspect ratio
    • about / Resolution and aspect ratio
    • changing, of game view / Changing the aspect ratio and resolution of the game view
    • building / Building for a single aspect ratio
  • Aspect Ratio Fitter / Aspect Ratio Fitter
  • Automatic Layout Groups
    • types / Types of Automatic Layout Groups
    • Vertical Layout Group / Vertical Layout Group
    • Grid Layout Group / Grid Layout Group

B

  • Base Input Module
    • about / Base Input Module/Pointer Input Module
    • reference link / Base Input Module/Pointer Input Module
  • button
    • sizes, recommending / Recommended button sizes
  • Button component / Button component
  • Buttons
    • examples / Examples
    • navigating / Navigating through Buttons and using First Selected
    • First Selected, used / Navigating through Buttons and using First Selected
    • laying out / Laying out the Buttons
    • explicit navigation, setting / Setting the explicit navigation and First Selected
    • First Selected, setting / Setting the explicit navigation and First Selected
    • press, scenes loading / Loading scenes with Button presses
    • animation transitions, creating / Button Animation Transitions
    • mute buttons, with image swap / Mute buttons with image swap

C

  • Canvas / UI Canvas
  • Canvas component
    • about / Canvas component
    • Screen Space-Overlay / Screen Space-Overlay
    • Screen Space-Camera / Screen Space-Camera
    • World Space Canvas / World Space
  • Canvas Group component / Canvas Group component
  • Canvas Renderer component / Canvas Renderer component
  • Canvas Scalar component / Canvas Scalar component
  • caret / Properties of the caret and selection
  • Character Validation Options / Character Validation options
  • circular health/progress meters / Horizontal and circular health/progress meters
  • circular progress meter / Circular progress meter
  • color schemes / Color schemes
  • component, UI Text
    • about / Text component
    • Text properties / The Text and Character properties
    • Character properties / The Text and Character properties
    • Paragraph properties / Paragraph properties
    • Color properties / The Color and Material properties
    • Material properties / The Color and Material properties
    • Raycast Target properties / Raycast Target properties
  • Content Size Fitter / Content Size Fitter
  • Content Type property / Content Types
  • current state / Animator Controller
  • custom font
    • about / Custom font
    • font size, changing / Adjusting the character spacing and changing the font size
    • character spacing, adjusting / Adjusting the character spacing and changing the font size

D

  • density-independent pixels (dp) / Recommended button sizes
  • device resources / Device resources
  • dropdown menu
    • creating, with images / Creating a dropdown menu with images
    • laying out, with caption and item images / Laying out the dropdown with caption and item images
    • information, selecting / Using the information from the dropdown selection
  • Dynamic font settings / Dynamic font settings

E

  • entered text and onscreen keyboards, properties
    • about / Properties of entered text and onscreen keyboards
    • Content Type property / Content Types
    • Line Type property / Line Types
    • Input Type property / Input Types
    • Keyboard Type property / Keyboard Types
    • Character Validation Options / Character Validation options
  • event
    • action, adding / Adding an action to the event
  • Event Inputs / Event inputs
  • Event System / UI Canvas, The Event System
  • Event System Manager
    • about / Event System Manager
    • First Selected property / First Selected
    • Send Navigation Events property / Send Navigation Events
    • Drag Threshold property / Drag Threshold
  • Event Trigger / Event Trigger
  • Event Types
    • about / Event Types
    • pointer events / Pointer events
    • drag events / Drag and Drop events
    • drop events / Drag and Drop events
    • selection events / Selection events
    • other events / Other events
  • Extra Settings menu / Extra Settings

F

  • fitters
    • about / Fitters
    • Content Size Fitter / Content Size Fitter
    • Aspect Ratio Fitter / Aspect Ratio Fitter
  • Flexible Height property / Flexible Width and Height
  • Flexible Width property / Flexible Width and Height
  • floating eight-directional virtual analog stick
    • creating / Creating a floating eight-directional virtual analog stick, Setting up the eight-directional virtual analog stick, Making the eight-directional virtual analog stick float
    • setting up / Setting up the eight-directional virtual analog stick
  • fonts
    • importing / Importing new fonts
    • font size / Font Size
    • rendering mode / Rendering Mode
    • character / Character
    • ascent calculation mode / Ascent Calculation Mode
  • Font Settings menu / Font Settings
  • font size
    • changing / Adjusting the character spacing and changing the font size
  • font styles
    • importing / Importing font styles
  • full screen/screen portion taps / Full screen/screen portion taps

G

  • game interface types
    • about / Four game interface types
    • non-diegetic / Four game interface types
    • diegetic / Four game interface types
    • meta / Four game interface types
    • spatial / Four game interface types
  • game screen
    • examples / Examples
    • animated text / Animated text
    • custom font / Custom font
    • horizontal health/progress meters / Horizontal and circular health/progress meters
    • circular health/progress meters / Horizontal and circular health/progress meters
    • wrapped text, with Gradient / Wrapped text with Gradient
  • Global Mode / Positioning modes
  • glyph metrics
    • reference link / Ascent Calculation Mode
  • graphical user interface (GUI) / UI and GUI
  • Grid Layout Group
    • about / Types of Automatic Layout Groups, Grid Layout Group
    • Cell Size / Cell Size
    • Start Corner / Start Corner and Start Axis
    • Start Axis / Start Corner and Start Axis
    • Constraint / Constraint
  • gyroscope
    • about / Accelerometer and gyroscope
    • reference link / Accelerometer and gyroscope

H

  • heads-up-display (HUD)
    • about / Screen Space-Overlay
    • examples / Examples
    • laying out / Laying out a basic HUD
    • background image (2D game), placing / Placing a background image (2D game)
    • basic pop-up menu, setting up / Setting up a basic pop-up menu
  • Height property / The Width and Height properties
  • Hololens Input Module / Hololens Input Module
  • horizontal health/progress meters / Horizontal and circular health/progress meters
  • horizontal health bar / Horizontal health bar
  • Horizontal Layout Group
    • about / Types of Automatic Layout Groups, Horizontal Layout Group
    • padding / Padding
    • spacing / Spacing
    • child alignment / Child Alignment
    • control child size / Control Child Size
    • child force expand / Child Force Expand

I

  • Ignore Layout property / Ignore Layout
  • Image component / Image component
  • Image Type
    • about / Image Type
    • simple / Simple
    • sliced / Sliced
    • tiled / Tiled
    • filled / Filled
  • Input Functions
    • for key presses / Input functions for buttons and key presses
    • for buttons / Input functions for buttons and key presses
    • GetButton / GetButton
    • GetAxis / GetAxis
    • GetKey / GetKey
    • GetMouseButton() / GetMouseButton()
  • Input Manager
    • about / Input Manager
    • used, with pause panel / Using Input Manager with the pause panel
  • Input Modules
    • about / Input Modules
    • Standalone Input Module / Standalone Input Module
    • Hololens Input Module / Hololens Input Module
    • Pointer Input Module / Base Input Module/Pointer Input Module
    • Base Input Module / Base Input Module/Pointer Input Module
  • Input Types property / Input Types
  • interface metaphors / Interface metaphors

K

  • Keyboard Type property / Keyboard Types
  • KeyCode
    • used, with inventory panel / Using KeyCode with the Inventory Panel

L

  • layout / Layout
  • Layout Element
    • about / Layout Element
    • Ignore Layout property / Ignore Layout
    • Width property / The Width and Height properties
    • Height property / The Width and Height properties
  • Line Type property / Line Types
  • Local Mode / Positioning modes
  • loot box
    • animations, setting up / Setting up the animations
    • particle system, creating in UI / Creating a Particle System that displays in the UI
    • animations, timing / Building a State Machine and timing the animations
    • state machine, building / Building a State Machine and timing the animations
    • Animations, timing / Building a State Machine and timing the animations

M

  • markup format, UI Text
    • about / Markup format
    • font style / Font style
    • font color / Font color
    • font size / Font size
  • Mask
    • about / Masks
    • component / Mask component
    • React Mask 2D component / Rect Mask 2D component
  • metaphors / Interface metaphors
  • millimeters (mm) / Recommended button sizes
  • Min Height property / Min Width and Height
  • Min Width property / Min Width and Height
  • mobile-specific UI interactions
    • examples / Examples
    • press-and-hold/long-press functionality, adding / Adding press-and-hold/long-press functionality
    • static four-directional virtual D-pad / Creating a static four-directional virtual D-pad
    • floating eight-directional virtual analog stick, creating / Creating a floating eight-directional virtual analog stick
  • multi-touch input / Multi-touch input

N

  • namespace / UnityEngine.UI namespace
  • nodes / Animator Controller
  • Noto fonts
    • reference link / Character

O

  • Outline component / Outline

P

  • pinch-to-zoom functionality
    • reference link / Multi-touch input
  • Pivot Point / Anchor and Pivot Point
  • point (pt) / Recommended button sizes
  • Pointer Input Module
    • about / Base Input Module/Pointer Input Module
    • reference link / Base Input Module/Pointer Input Module
  • pop up windows
    • animating, to fade in and out / Animating pop up windows to fade in and out, Setting up the animations
    • animations, setting up / Setting up the animations
    • Animator's Parameters, setting with code / Setting the Animator's Parameters with code
  • Position as UV1 component / Position as UV1
  • Preferred Height property / Preferred Width and Height
  • Preferred Width property / Preferred Width and Height

R

  • Raycasters
    • about / Raycasters
    • Graphic Raycaster / Graphic Raycaster
    • alternatives / Other Raycasters
  • React component, UI Scroll View
    • movement properties / Movement properties
    • scrolling speed, properties / Properties concerning scrolling speed
    • scrollbars, properties / Properties of the Scrollbars
    • React default event / Scroll Rect default event – On Value Changed (Vector2)
  • React Mask 2D component
    • reference link / Rect Mask 2D component
  • Rect Tool
    • about / Rect Tool
    • positioning modes / Positioning modes
  • Rect Transform
    • about / Rect Transform
    • Rect Tool / Rect Tool
    • component / Rect Transform component
    • edit modes / Rect Transform edit modes
  • Rect Transform component / Rect Transform component
  • resolution / Resolution and aspect ratio
    • changing, of game view / Changing the aspect ratio and resolution of the game view
    • building / Building for a single resolution
    • resetting / Resetting the resolution
    • PlayerPrefs.DeleteAll() / Method 1 – PlayerPrefs.DeleteAll()
    • PlayerPref files, deleting / Method 2 – Deleting PlayerPref files
    • orientation, setting / Setting the orientation

S

  • Scale with Screen Size / Scale with Screen Size
  • Screen Space-Camera
    • about / Screen Space-Camera
    • properties / Screen Space-Camera
  • Screen Space-Overlay
    • about / Screen Space-Overlay
    • properties / Screen Space-Overlay
  • Shadow component / Shadow
  • Standalone Input Module / Standalone Input Module
  • state machine / Animator Controller
  • states / Animator Controller
  • static four-directional virtual D-pad
    • creating / Creating a static four-directional virtual D-pad

T

  • Template / Dropdown Template
  • Text / UI Canvas
  • Text Input Box menu / Text Input Box
  • text insertion cursor / Properties of the caret and selection
  • TextMeshPro
    • about / UI Dropdown and TextMeshPro – Dropdown, TextMeshPro – Input Field
    • Input Field component / TMP_Input Field component
    • Input Field settings / Input Field settings
    • Control settings / Control settings
    • Input Field default events / TextMeshPro - Input Field default events – On Select (String) and On Deselect (String)
  • TextMesh Pro-Text
    • about / TextMesh Pro-Text
    • URL, for downloading / TextMesh Pro-Text
    • Text Input Box menu / Text Input Box
    • Font Settings menu / Font Settings
    • Text Input Box / Font Settings
    • Extra Settings menu / Extra Settings
  • Texture Packer
    • reference link / Examples
  • thumb zone
    • about / The thumb zone
    • reference link / The thumb zone
  • Transitions
    • about / Transitions
    • None / None
    • Color Tint / Color Tint
    • Sprite Swap Transition / Sprite Swap
    • Animation Transition / Animation
    • Navigation / Navigation

U

  • UI animations
    • examples / Examples
    • pop up windows, animating to fade in and out / Animating pop up windows to fade in and out
    • loot box, animating with particle system / Animating a complex loot box with Particle System
  • UI Button
    • about / UI Button
    • Button component / Button component
  • UI Canvas
    • about / UI Canvas
    • Rect Transform component / Rect Transform component
    • Canvas component / Canvas component
    • Canvas Scalar component / Canvas Scalar component
    • Graphic Raycaster component / Graphic Raycaster component
    • Canvas Renderer component / Canvas Renderer component
  • UI Dropdown
    • about / UI Dropdown and TextMeshPro – Dropdown
    • template / Dropdown Template
    • component / The Dropdown component
    • caption properties / Caption properties
    • template properties / Template properties
    • option properties / Option properties
    • default event / Dropdown default event – On Value Changed (Int32)
  • UI effect components
    • about / UI effect components
    • Shadow component / Shadow
    • Outline component / Outline
    • Position as UV1 component / Position as UV1
  • UI effects
    • examples / Examples
    • pop up windows, animating to fade in and out / Animating pop up windows to fade in and out
    • Loot Box, animating with particle system / Animating a complex loot box with Particle System
  • UI elements
    • accessing, in Code / Accessing UI elements in code
    • UnityEngine.UI Namespace / UnityEngine.UI namespace
    • UI Variable Types / UI variable types
  • UI Image
    • about / Introducing UI Text and Image, UI Image
    • Image component / Image component
  • UI Input Field
    • about / UI Input Field
    • component / Input Field component
    • entered text and onscreen keyboards, properties / Properties of entered text and onscreen keyboards
    • caret and selection, properties / Properties of the caret and selection
    • default events / Input field default events – On Value Changed (String) and On End Edit (String)
  • UI Panel / UI Panel
  • UI Scale Modes, Canvas Scalar component
    • Constant Pixel Size / Constant Pixel Size
    • Scale with Screen Size / Scale with Screen Size
    • Constant Physical Size / Constant Physical Size
    • World / World
  • UI Scrollbar
    • about / UI Scrollbar
    • component / The Scrollbar component
    • default event / Scrollbar default event – On Value Changed (Single)
  • UI Scroll View
    • about / UI Scroll View
    • Rect component / Scroll Rect component
  • UI Slider
    • about / UI Slider
    • component / Slider component
    • default event / Slider default event – On Value Changed (Single)
  • UI text
    • fonts, importing / Importing new fonts
  • UI Text / Introducing UI Text and Image
    • about / UI Canvas, UI Text
    • fonts, importing / Importing new fonts
    • Dynamic font settings / Dynamic font settings
    • font styles, importing / Importing font styles
    • custom font / Custom fonts
  • UI Toggle
    • about / UI Toggle
    • component / Toggle component
    • default event / Toggle default event – On Value Changed (Boolean)
    • Group component / Toggle Group component
  • user interface (UI)
    • about / UI and GUI
    • examples / Examples, Examples
    • pop-up menus, displaying with keypress / Showing and hiding pop-up menus with keypress
    • pop-up menus, hiding with keypress / Showing and hiding pop-up menus with keypress
    • game, pausing / Pausing the game
    • inventory items, dragging / Dragging and dropping inventory items
    • inventory items, dropping / Dragging and dropping inventory items
    • scroll view, creating from preexisting menu / Making a scroll view from a pre-existing menu
    • dropdown menu, creating with images / Creating a dropdown menu with images
    • particles / Particles in the UI

V

  • Vertical Layout Group / Types of Automatic Layout Groups, Vertical Layout Group

W

  • Width property / The Width and Height properties
  • World Space Canvas
    • about / World Space
    • using / When to use World Space
    • text, scaling / Appropriately scaling text in the Canvas
    • considerations / Other considerations when working in World Space
    • examples / Examples
    • 2D World Space status indicators / 2D World Space status indicators
    • 2D World Space Status Indicators / 2D World Space status indicators
    • 3D hovering health bars / 3D hovering health bars
lock icon The rest of the chapter is locked
arrow left Previous Section
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime
Visually different images