CommandFusion Wiki

Documentation Resources

User Tools

Site Tools


software:gui-designer:gui-designer-basics

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

software:gui-designer:gui-designer-basics [2013/04/08 00:29]
aaron [Buttons]
software:gui-designer:gui-designer-basics [2015/06/20 06:46] (current)
jarrod
Line 14: Line 14:
 ==== Joins and Tokens ==== ==== Joins and Tokens ====
  
-CommandFusion understands three different types of data; digital, analog, and serial. Data can be stored in tokens which are assigned a name, and can hold any data type, but cannot be displayed on the GUI. Data that must be displayed on the GUI is stored in joins. Each data type has its own group of 100 joins which are referred to by number and can be used for any purpose. Joins are numbered consecutively from one. There are also some system defined joins which have much higher numbers, and cannot be changed.\\+CommandFusion understands three different types of data; digital, analog, and serial. Data can be stored in tokens which are assigned a name, and can hold any data type, but cannot be displayed on the GUI. Data that must be displayed on the GUI is stored in joins. Each data type has its own group of joins which are referred to by number and can be used for any purpose. Joins are numbered consecutively from 1 to 999999999.\\
 \\ \\
 Digital joins can hold only a 0 or a 1. They are useful for controlling button states and page flips. Digital joins can hold only a 0 or a 1. They are useful for controlling button states and page flips.
Line 46: Line 46:
 \\ \\
 Sliders are similar to gauges, but their value can be adjusted by the user. Sliders are similar to gauges, but their value can be adjusted by the user.
 +
 +For a more in depth look at implementing gauges and sliders, see our [[software:​gui-designer:​gauges|gauges tool page]] or our [[software:​gui-designer:​sliders|sliders tool page]].
  
 ==== Input fields ==== ==== Input fields ====
  
 Input fields provide somewhere for the user to enter text. Input fields provide somewhere for the user to enter text.
 +
 +For an in depth look at implementing input fields, [[software:​gui-designer:​input-field|see our input fields page.]]
  
 ==== Text ==== ==== Text ====
Line 55: Line 59:
 Displays static or dynamic text. Displays static or dynamic text.
  
 +For a more in depth look at implementing text, see our [[software:​gui-designer:​text-tool|text tool page.]]
 ==== Images ==== ==== Images ====
  
 Displays an image. The image can either be local to the project, or accessed via a URL (as long as a suitable network connection is available). Displays an image. The image can either be local to the project, or accessed via a URL (as long as a suitable network connection is available).
  
 +For a more in depth look at implementing images, [[software:​gui-designer:​images|see our images tool page.]]
 ==== Lists ==== ==== Lists ====
 +A list is a dynamic GUI object where the contents can be scrolled vertically or horizontally. List contents are built via stacking subpages which can contain any GUI object such as buttons, text etc.
  
 +For a more in depth look at implementing lists, [[software:​gui-designer:​lists|see our lists tool page.]]
 ==== Web Pages ==== ==== Web Pages ====
- 
 Provides a basic web browser for viewing web pages. Provides a basic web browser for viewing web pages.
  
 +For more information on implementing we pages, see our [[software:​gui-designer:​webpage-tool|web page tool page.]]
 ==== Control Systems ==== ==== Control Systems ====
  
Line 293: Line 301:
 The design is now complete, so can be loaded onto an iPad. The design is now complete, so can be loaded onto an iPad.
   - Save the design.   - Save the design.
-  - Install the CF iViewer app on the iPad.+  - Install the iViewer ​app on the iPad.
   - Open the Settings app.   - Open the Settings app.
-  - Tap on CF iViewer in the Apps secton.+  - Tap on iViewer ​in the Apps section.
   - Enter the location of your project in the File URL field (the correct value depends on which method you use to distribute your project, see below).   - Enter the location of your project in the File URL field (the correct value depends on which method you use to distribute your project, see below).
   - Make sure that the Reload GUI File option is set to on.   - Make sure that the Reload GUI File option is set to on.
-  - Press the home button, and open the CF iViewer app.+  ​- Make sure the iViewer app is closed completely (double tap home button and close the app by swiping up) 
 +  ​- Press the home button, and open the iViewer app.
  
 === Choosing a Distribution Method === === Choosing a Distribution Method ===
software/gui-designer/gui-designer-basics.txt · Last modified: 2015/06/20 06:46 by jarrod