Lomiri User Interface Toolkit

# Basic QML Types

AbstractButton | Defines the behavior of the button
Action | Describe an action that can be re-used and shared between different components
ActionBar | Show a row of buttons that trigger actions. When the number of visible actions specified is larger than numberOfSlots, an overflow button will be shown which triggers an overflow panel that shows the remaining actions
ActionContext | Groups actions together and by providing multiple contexts the developer is able to control the visibility of the actions. The ActionManager then exposes the actions from these different contexts
ActionItem | A visual representation of an Action. The API of ActionItem is a copy of the API of Action, with additional properties to define visual aspects of the ActionItem
ActionList | List of Action items An ActionList provies a way of grouping actions together
ActionManager | Manages actions and action contexts withion an application
ActivityIndicator | Component visually indicates that a task of unknown duration is in progress, e.g. busy indication, connection in progress indication, etc
AdaptivePageLayout | View with multiple columns of Pages
Alarm | Component is a representation of an alarm event
AlarmModel | Holds the list of alarms defined
Argument | Specifies what type a given command line parameter should be
Arguments | Way to declare what command line parameters are expected by the application
BottomEdge | A component to handle bottom edge gesture and content
BottomEdgeHint | Shows the availability of extra features available from the bottom edge of the application
BottomEdgeRegion | Defines an active region within the BottomEdge component
Button | Standard Lomiri button
Captions | Container providing captionStyles for a twin-label column that can be used in RowLayout or GridLayout
CheckBox | Component with two states, checked or unchecked. It can be used to set boolean options. The behavior is the same as Switch, the only difference is the graphical style
Clipboard | This is a singleton type providing access to the system clipboard
ComboButton | Lomiri button providing a drop-down panel visualizing custom options
ExclusiveGroup | Way to declare several checkable controls as mutually exclusive
FontUtils | Context property, which provides utility functions for font manipulations
Haptics | Singleton defining the haptics feedback used in components, where execution of the feedback is controlled by the system settings
Header | Bar that can contain the title and controls for the current view
Icon | Component displays an icon from the icon theme
InverseMouse | Attached object filtering mouse events occured outside the owner
InverseMouseArea | Captures mouse events happening outside of a given area
Label | Extended Text item with Lomiri styling
ListItem | Element provides Lomiri design standards for list or grid views. The ListItem component was designed to be used in a list view. It does not define any specific layout, but while its contents can be freely chosen by the developer, care must be taken to keep the contents light in order to ensure good performance when used in long list views
ListItemActions | Provides configuration for actions to be added to a ListItem
ListItemDrag | Provides information about a ListItem drag event
ListItemLayout | Easy way to create list items which follow Lomiri design standards, thus making them visually appealing and consistent with the rest of the platform without effort
LiveTimer | A live timing source providing peridioc updates
Lomiri | Provides global object with different enums
LomiriAnimation | Singleton defining standard Lomiri durations and easing for animations that should be used to ensure that Lomiri applications are consistent in their animations
LomiriApplication | QML binding for a subset of QCoreApplication
LomiriColors | Singleton defining the Lomiri color palette

LomiriListView

A ListView with special features tailored for a look and feel fitting the Lomiri Touch platform. The LomiriListView works just like a regular ListView, but it adds special features such as expanding/collapsing items (when used together with the Expandable item). It provides features like automatically positioning the expanding item when it expands and collapsing it again when the user taps outside of it

LomiriNumberAnimation | NumberAnimation that has predefined settings to ensure that Lomiri applications are consistent in their animations
LomiriShape | Rounded rectangle containing a source image blended over a background color
LomiriShapeOverlay | Extended LomiriShape adding a colored overlay layer
MainView | The root Item that should be used for all applications
MimeData | Type provides interface to access and store data to the Clipboard
Mouse | Attached property filtering mouse events occured inside the owner
OptionSelector | Component displaying either a single selected value or expanded multiple choice with an optional image and subtext when not expanded, when expanding it opens a listing of all the possible values for selection with an additional option of always being expanded. If multiple choice is selected the list is expanded automatically
OrientationHelper | Automatically rotates its children following the orientation of the device
Page | A page is the basic Item that represents a single view in an Lomiri application. It is recommended to use the Page inside the MainView or AdaptivePageLayout
PageColumn | Component configuring the metrics of a column in AdaptivePageLayout
PageColumnsLayout | Component configuring a layout in an AdaptivePageLayout component
PageHeader | Shows a title with a leading and a trailing ActionBar that add action buttons to the header
PageStack | A stack of Page items that is used for inter-Page navigation. Pages on the stack can be popped, and new Pages can be pushed. The page on top of the stack is the visible one
Panel | A panel that can be swiped in and out from an edge of the window by the user. For most applications, it is highly recommended to use the MainView instead which includes a toolbar at its bottom that can be swiped in or out
PickerPanel | Provides a panel for opening a DatePicker in place of the input panel or as Popover, depending on the form factor
PopupContext | A special ActionContext used in Dialogs and Popups
ProgressBar | Component visually indicates the progress of a process of determinate or indeterminate duration
ProgressionSlot | Holds an icon representing the progression symbol
ProportionalShape | Extended LomiriShape mostly used for icons and vignettes
PullToRefresh | Pull-to-refresh component for Flickables to reload a model upon pull
ScrollView | Scrollable view that features scrollbars and scrolling via keyboard keys
Scrollbar | Component provides scrolling functionality for scrollable views (i.e. Flickable, ListView)
Sections | Display a list of sections that the user can select. By tapping on a section name the selectedIndex will be updated, and the associated Action is triggered
ServiceProperties | Component enables accessing service properties from QML
Slider | Component to select a value from a continuous range of values
SlotsLayout | Component provides an easy way to layout a list of user-interface elements horizontally following Lomiri design standards. We call the elements which we want to layout "slots". Slots is just another name for SlotsLayout's visual children
SortFilterModel | Sorts and filters rows from an existing model
StateSaver | Attached properties to save component property states
StyleHints | Component holding style specific properties to configure a particular StyledItem's style runtime
StyledItem | Allows items to be styled by the theme
SwipeArea | An area which detects axis-aligned single-finger drag gestures
Switch | Component with two states, checked or unchecked. It can be used to set boolean options. The behavior is the same as CheckBox, the only difference is the graphical style
TextArea | Item displays a block of editable, scrollable, formatted text
TextField | Element displays a single line of editable plain text. Input constraints can be set through validator or inputMask. Setting echoMode to an appropriate value enables TextField to be used as password input field
Theme | Facilities to interact with the current theme
ThemeSettings | Facilities to define the theme of a StyledItem
Toolbar | That can be used as an extension for the edit mode header. Example:
Units | Of measurement for sizes, spacing, margin, etc
UriHandler | Singleton signalling for opened URIs
ViewItems | A set of properties attached to the ListItem's parent item or ListView
dateUtils | Various date utility functions
i18n | Context property that provides internationalization support
mathUtils | Various mathematical utility functions