This shows you the differences between two versions of the page.
software:gui-designer:guidesigner-quick-start-guide [2012/09/14 00:33] aaron |
software:gui-designer:guidesigner-quick-start-guide [2013/05/15 01:28] (current) aaron [Quick Start Guide - guiDesigner & iViewer] |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | {{tag>guiDesigner, iviewer, manual, guide}}====== guiDesigner 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 | + | \\ |
+ | 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 47: | 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 155: | 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.\\ | ||
Line 189: | Line 192: | ||
A video version of this guide is available here: http://cmdf.us/PC6I8d | A video version of this guide is available here: http://cmdf.us/PC6I8d | ||
+ | |||
+ | {{tag>guiDesigner, iviewer, manual, guide}} |