Chapter 2. Storyboard Designer

Table of Contents

Introduction
Designer Environment
Storyboard Designer Workbench
Anatomy of a Storyboard Designer Project
Storyboard Simulator
Storyboard Designer Editor
Editing Content
Editor Toolbar
Direct Editing
Storyboard Designer Views
Actions View
Application Model View
Animation Timeline View
Images View
Layers View
Navigator View
Outline View
Problems View
Properties View
Templates View
Variables View
Notes View
Creating a Storyboard Designer Project
New Storyboard Application
Photoshop PSD File Import
How Photoshop Content Will Import to Storyboard
Storyboard Embedded Engine Import
Existing Project Import
Storyboard Designer Development
Simulating and Exporting an Application
Translation and Internationalization
OpenGL ES 2.0 Custom Shader, 3D Model and Compressed Texture Support
Working With Templates
Working with Multiple Application Design Files
Circles and Arcs
9-Patch
Groups
Scrolling Layers
Target Configuration
User Defined Actions
User Defined Render Extensions
Photoshop Re-Import Feature
Storyboard Designer Utilities
Design Notes
GoTo Dialog
Storyboard Search Dialog
Resize Storyboard Application
Resource Clean Up Wizard
Consolidate Images Wizard
Trim Images Wizard
Split Images Wizard
Merge Control Images
Collaboration and Team Development
Revision Control System Integration
Comparing and Merging Model Files
Comparing and Merging Projects

Introduction

Storyboard Designer is a design and development environment for creating full-screen applications ready for deployment to embedded environments using the Storyboard Embedded Engine.

Storyboard applications are designed to be full-screen user interfaces that are designed by graphic artists and designers. Storyboard Designer incorporates graphic content directly into the application design process.

Storyboard Designer allows graphic designers to import their artwork and design files as images directly into the development tool rather than trying to skin desktop style pre-configured widgets.  The imported images (gif, jpeg, png and psd formats are all supported) are used as control surfaces that application developers can bind action behaviour to, based on externally generated input events.