Button
A button provides the user a simple way to trigger an event,
like confirming an action upon touch and is typically labeled using text,
an icon, or both.
source code
| Properties | Description |
|---|
| Text | Text labeled inner button component |
| Event | Description |
|---|
| onClick | Fired when the buttons is release from pressed state |
Checkbox
Checkboxes allow the user to select one or more options from a set.
It is usually best to present checkboxes in a vertical list.
More than one column is acceptable as well if the list is long enough
that it might require scrolling or if comparison of terms might be necessary.
source code
| Properties | Description |
|---|
| Text | Text labeled after checkbox component |
| Group | Enabled Behaviours are Updated |
| Event | Description |
|---|
| onChange | Set selection and transition to appropriate state |
Radiobox
Radio buttons allow the user to select one option from a set.
You should use radio buttons for optional sets that are mutually
exclusive if you think that the user needs to see all available
options side-by-side.
source code
| Properties | Description |
|---|
| Text | Text labeled after radiobox component |
| Group | Enabled Behaviours are Updated |
| Event | Description |
|---|
| onChange | Set selection and transition to appropriate state |
Dropdown
Dropdown lists allow users to select one item at a time,
similarly to radio buttons, but are more compact allowing you to save space.
Consider adding text to the field, such as Select one to help the user
recognize the necessary action.
source code
| Properties | Description |
|---|
| Options | Options candicated for user selection |
| Selected | Selected option value |
| Event | Description |
|---|
| onSelect | Set selection and transition to appropriate state |
Scrollbar
A slider, also known as a track bar, allows users to set or adjust a value.
When the user changes the value, it does not change the format of the
interface or other info on the screen.
source code
| Properties | Description |
|---|
| Value | Value of current scrolling position |
| Event | Description |
|---|
| onChange | Set selection to appropriate state |
Processbar
A progress bar is used to visualize the progression of an extended
computer operation, such as a download,file transfer, or installation.
Sometimes, the graphic is accompanied by a textual representation of
the progress in a percent format
source code
| Properties | Description |
|---|
| Value | Value of current scrolling position |
| Event | Description |
|---|
| onChange | Set transition to appropriate state |
Label
A label is a graphical control element which displays text on a form.
It is usually a static control; having no interactivity. A label is
generally used to identify a nearby text box or other widget.
source code
| Properties | Description |
|---|
| Text | Text labeled inner button component |
Listview
ListView is a view group that displays a list of scrollable items.
The list items are automatically inserted to the list using an Adapter
that pulls content from a source such as an array or database query
and converts each item result into a view that's placed into the list.
source code
| Properties | Description |
|---|
| Enable | Enabled Behaviours are Updated |
| Event | Description |
|---|
| onSwipe | Triggered when the user press down and swipes over the listview |
Tooltip
The tooltip is used in conjunction with a cursor,
usually a pointer. The user hovers the pointer over an item,
without clicking it, and a tooltip may appear—a small "hover box"
with information about the item being hovered over.
source code
| Properties | Description |
|---|
| Text | Text labeled inner tip component |
| Event | Description |
|---|
| onShow | Fire after a tip control is shown |
Textinput
A text box, is a graphical control element intended to enable the
user to input text information to be used by the program. Human Interface
Guidelines recommend a single-line text box when only one line of input is required,
and a multi-line text box only if more than one line of input may
be required. Non-editable text boxes can serve the purpose of simply
displaying text.
source code
| Properties | Description |
|---|
| Text | The text displayed in the TextInput |
| Event | Description |
|---|
| onChange | Occurs when the text value has been changed |
Window
window is a graphical control element. It consists of a visual area
containing some of the graphical user interface of the program it
belongs to and is framed by a window decoration. It usually has a
rectangular shape[1] that can overlap with the area of other windows.
source code
| Properties | Description |
|---|
| Enable | Enabled Behaviours are Updated |
| Event | Description |
|---|
| onShow | Fire after the window is shown |