408-754-4176 | info@reachtech.com

by Reach Technology
Support > Reference Materials > QML Components

QML Components

Due to the variety of platforms which QML runs on, by default there are very few QML components available. Reach has provided a number of components to make development easier.

To include these components in a project, download the Reach QML Components for G2C1 Modules lock file or Reach QML Components for G2H2 Modules lock file, extract the contents, then copy the componentsimages, and js folders to your QML project’s folder, overwriting the same-name folders already there.

List of Reach QML Components

Alphabetic Field –
Horizontal Element
Text box with label in a horizontal layout, accepts keyboard input when input box has focus.
Alphabetic Field –
Vertical Element
Text box with label in a vertical layout, accepts keyboard input when input box has focus.
Animated Switch Element Animated switch has two states: on and off.
Bar Chart Element Bar chart indicator.
CheckBox List –
Horizontal Element
Check box list in a horizontal layout, can be styled by font and image sources.
CheckBox List –
Vertical Element
Check box list in a vertical layout, can be styled by font and image sources.
Date Field –
Horizontal Element
Text box with label in a horizontal layout, accepts date input when input box has focus.
Date Field –
Vertical Element
Text box with label in a vertical layout, accepts date input when input box has focus.
Doughnut Chart Element Indicator allows you to display data in a doughnut chart.
Draw Area Element Canvas area where a user can use a mouse or touch to draw.
Heat Map Element Two-dimensional heat map chart indicator.
Image Button Element Push button with a text label.
Knob Element Knob that has a rotating selection indicator.
LED Light Element Indicator has two states: on and off.
Level Indicator –
Horizontal Element
Horizontal level indicator.
Level Indicator –
Vertical Element
Vertical level indicator.
Line Chart Element Indicator displays (plots) data points on a line.
List Field –
Horizontal Element
Text box with label in a horizontal layout, accepts list input when input box has focus.
List Field –
Vertical Element
Text box with label in a vertical layout, accepts list input when input box has focus.
Numeric Field –
Horizontal Element
Text box with label arranged in a horizontal layout, accepts numeric keyboard input when input box has focus.
Numeric Field –
Vertical Element
Text box with label in a vertical layout, accepts numeric keyboard input when input box has focus.
Numeric Selector Element Two push button component with a text label. Allows a user to push two buttons to select a number.
Panel Read Out Element Indicator displays text within an image.
Pie Chart Element Indicator displays data in a pie chart.
RadioButton List –
Horizontal Element
Radio button list in a horizontal layout, can be styled by font and image sources.
RadioButton List –
Vertical Element
Radio button list in a vertical layout, can be styled by font and image sources.
Scatter Chart Element Type of mathematical diagram using Cartesian coordinates to display values for two variables for set of data.
Scope Chart Element Indicator displays one or more plots of evenly sampled measurements in a left to right direction.
Scrolling Text Box Element Text box allows text to dynamically scroll.
Slider – Horizontal Element Horizontal slider.
Slider – Vertical Element Vertical slider.
Speedometer Element Indicator has rotating needle on a marked background.
Spinner Element Spinner control to select an item through a finger swipe or mouse swipe.
Strip Chart Element Indicator displays one or more plots of evenly sampled measurements in a right to left direction.
Switch Element Switch button with a text label.
Switch Group –
Horizontal Element
Group of switch buttons in a horizontal layout.
Switch Group –
Vertical Element
Group of switch buttons in a vertical layout.
Time Field –
Horizontal Element
Text box with label in a horizontal layout, accepts time input when input box has focus.
Time Field –
Vertical Element
Text box with label in a vertical layout, accepts time input when input box has focus.
VU Meter Element Indicator has a rotating needle on a marked background.