This shows you the differences between two versions of the page.
|
software:gui-designer:guidesigner-quick-start-guide [2012/09/14 00:35] aaron |
software:gui-designer:guidesigner-quick-start-guide [2013/05/15 01:28] (current) aaron [Quick Start Guide - guiDesigner & iViewer] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== guiDesigner & iViewer Quick Start Guide ====== | + | ====== Quick Start Guide - guiDesigner & iViewer ====== |
| - | + | guiDesigner & iViewer Quick Start Guide / Tutorial\\ | |
| - | A video version of this guide is available here: http://cmdf.us/PC6I8d \\ | + | |
| \\ | \\ | ||
| - | While this guide is not a manual, it serves as a good way to learn the basics of guiDesigner and iViewer. | + | A video version of this guide is available here: http://cmdf.us/PC6I8d \\ |
| + | {{url>http://www.youtube.com/embed/FXxH_b1oht4 560px,315px noscroll noborder alignment|iViewer and guiDesigner Quick Start Guide}} | ||
| + | \\ | ||
| + | While this guide is not a manual, it serves as a good tutorial to learn the basics of guiDesigner and iViewer. | ||
| ===== What is guiDesigner ===== | ===== What is guiDesigner ===== | ||
| guiDesigner is a windows application that we use to develop graphical user interfaces for our iViewer application. \\ | guiDesigner is a windows application that we use to develop graphical user interfaces for our iViewer application. \\ | ||
| Line 49: | Line 51: | ||
| ==== Workspace ==== | ==== Workspace ==== | ||
| - | The workspace allows for quick selection of some of the most commonly used tools in guiDesigner. | + | The workspace is where all pages are designed. |
| ===== Creating Your First User Interface ===== | ===== Creating Your First User Interface ===== | ||
| For this guide, we are going to create a very simple GUI on an iPhone, it will control a TV with a power button and volume up and down buttons.\\ | For this guide, we are going to create a very simple GUI on an iPhone, it will control a TV with a power button and volume up and down buttons.\\ | ||
| Line 157: | Line 158: | ||
| {{:software:gui-designer:system_manager_with_commands.png?nolink|}}\\ | {{:software:gui-designer:system_manager_with_commands.png?nolink|}}\\ | ||
| - | When you have entered the remaining commands, simply drag each command from the System Commander to its relevant button.\\ | + | When you have entered the remaining commands, simply drag each command from the System Manager to its relevant button.\\ |
| Now we are ready to upload the GUI to our device.\\ | Now we are ready to upload the GUI to our device.\\ | ||