Every Felgo app begins with a single App component defined as the root of the QML tree. Every app then usually includes a navigation item and some AppPage items.
For a short introduction on how to use Felgo Apps components please refer to our Getting Started guide.
Felgo Plugins add platform-specific features and 3rd party SDK integration available from QML.
|
Integrate with AdMob to monetize and promote your apps & games with ads. |
|
|
Integrate with Amplitude to get insights into your app's usage. |
|
|
Let your users authorize with their Apple ID account on iOS devices. |
|
|
Integrate with Chartboost to monetize and cross-promote your games with ads. |
|
|
Integrate with Facebook to help you build engaging social apps and get more installs. |
|
|
Add Google's Firebase for user authentication and access to the Firebase Realtime Database. |
|
|
Integrate with Flurry to get insights into your app's usage. |
|
|
Integrate with GameCenter to send your games' highscores to Apple Game Center on iOS devices. |
|
|
Integrate with Google Cloud Messaging Push to send cross-platform push notifications and increase your users' engagement. |
|
|
Integrate with HockeyApp for beta distribution & crash reports. |
|
|
Schedule native local push notifications in your app. |
|
|
Let your users authorize with external OAuth 2.0 providers. |
|
|
Integrate with OneSignal Push to send cross-platform push notifications and increase your users' engagement. |
|
|
Integrate with Soomla to offer in-app purchases and a virtual economy model within your app. |
|
|
Integrate with Wikitude to create augmented reality apps. |
Note: For testing the plugins on mobile and source code examples, see the Felgo Plugin Demo. When you develop your own app and want to add plugins to it, a Felgo license is required.
|
Top-level component of a Felgo application containing all other components |
|
|
A Flickable with a preset rebound animation for a native scrolling experience |
|
|
A single page within an application |
|
|
A Page with included AppFlickable and AppScrollIndicator |
|
|
A Page item with an AppListView as a single child |
|
An intermediate spinning progress indicator |
|
|
A button with a default raised and flat button style |
|
|
A material style card |
|
|
Adds Tinder-like swipe feature to a component |
|
|
A checkbox with a platform-specific styling for iOS and Android |
|
|
An item for displaying icons from an icon font |
|
|
An image with a default source |
|
|
Basic item for any type of lists, with text, images, icons etc |
|
|
A ListView providing a native AppScrollIndicator, an empty view and swipe gestures for its list delegates |
|
|
Displays a map view with the current user position |
|
|
A modal dialog that covers the whole application |
|
|
Displays a custom component as a modal overlay |
|
|
A sheet of paper with shadow |
|
|
A radio with a platform-specific styling for iOS and Android |
|
|
A slider control with two handles to set a range |
|
|
A native styled scroll indicator for usage with AppFlickable |
|
|
A slider control with one handle |
|
|
An on/off button-like control |
|
|
A tab bar with Theme-based iOS and Android styles |
|
|
A tab button to be used with AppTabBar for Theme-based iOS and Android styled tabs |
|
|
A styled text control |
|
|
A multi-line TextEdit with a given placeholder text |
|
|
A single-line TextField input control |
|
|
A single-line TextInput with a given placeholder text (deprecated) |
|
|
Shows a tool tip overlay for a target item |
|
|
Allows to pick a date, time or interval with flickable tumblers |
|
|
A dialog with custom content and one or two buttons |
|
|
A material-design styled floating action button |
|
|
A button with an icon as visual representation |
|
|
A GridView to show and select multiple photos from the device |
|
|
Global object for displaying standard user interaction dialogs |
|
|
Global object for invoking native system dialogs |
|
|
Displays page indicators and allows switching to the previous or next page |
|
|
A modal, full-screen picture viewer component |
|
|
A helper adding a pull-to-refresh control to an AppListView |
|
|
An image item with rounded corners and an optional border |
|
|
A search bar with native styling for iOS and Android based on the Theme settings |
|
|
A control that allows to jump to specific sections of a ListView |
|
|
A ListView delegate item with two labels and an optional image |
|
|
A ListView delegate item for displaying sections in a list view |
|
|
A button with a default style to be used together with SwipeOptionsContainer |
|
|
A ListView delegate container to implement swipeable rows within a ListView |
|
|
A row with a label and an AppTextField |
|
|
A helper item for handling data reload actions as soon as the item becomes visible |
|
Displays an AppActivityIndicator inside a NavigationBar slot |
|
|
A drawer opened from the left or right edge of the screen with custom content |
|
|
Base type for NavigationBar items which can be clicked |
|
|
Displays a clickable AppIcon inside a NavigationBar slot |
|
|
A navigation control for using platform-specific navigation modes |
|
|
A navigation control for displaying a header, back navigation and optional items |
|
|
Base type for items to be placed in the left or right slots of NavigationBar |
|
|
Container item to display multiple NavigationBarItems within a NavigationBar |
|
|
Base type for items inside Navigation |
|
|
Provides a stack of Pages with navigation |
|
|
A delegate used by NavigationStack for loading transitions |
|
|
A tabbed navigation control |
|
|
Displays a clickable text inside a NavigationBar slot |
|
A global object containing the possible Icons |
|
|
A mouse area that automatically adds a ripple effect on android devices |
|
|
A default style for the SimpleRow type that uses the Theme::listItem configuration |
|
|
A default style for the SimpleSection type that uses the Theme::listSection and Theme::listSectionCompact configuration |
|
|
A global object for defining app-wide styling attributes |
|
|
Defines style of AppButton items |
|
|
Defines the style of AppCheckBox items |
|
|
Defines the style of AppRadio items |
|
|
Defines app-wide color theming |
|
|
Defines style of Dialog items and inherited components |
|
|
Defines style of the Navigation's AppDrawer |
|
|
Defines style of the NavigationBar |
|
|
Defines style of the navigation TabControl |
|
|
Defines the default appearance of SimpleRow list items |
|
|
Defines the default appearance of list sections based on the SimpleSection type |
|
|
Defines the default appearance of list sections based on the SimpleSection type if SimpleSection::compactStyle is used |
|
|
Defines style of the TabControl |
|
Convenience methods for formatting date and time |
|
|
Utility item to display the current frames per second and a FPS timeline graph |
|
|
Storage item provides a persistent and offline storage for arbitrary key-value pair data |
|
|
Provides a convenient way to notify users about an updated version of your app |
|
|
Provides a convenient way to check if an updated version of your app is available |
These components handle Bluetooth Low Energy communications. You can find more info and examples here: Use Bluetooth Low Energy
|
Bluetooth Low Energy characteristics handle data read and write |
|
|
Bluetooth Low Energy Device, discovered by the BluetoothLeManager component |
|
|
Bluetooth Low Energy device discovery management |
|
|
Bluetooth Low Energy Service, groups Characteristics |
The Context Components are global properties that are available in all QML files. They can be used to open native dialogs and browsers, network requests, dynamic QML component creation and provide system information.
|
Singleton provides file operations like reading, writing and listing files |
|
|
Singleton allows opening native message boxes, input dialogs and browsers |
|
|
The Qt Context Objects page contains information about often-used functionality of the Qt element, for network requests and useful JavaScript elements. |
|
|
Singleton allows to convert recorded spoken audio into text |
|
|
Singleton allows discovering network services via Bonjour/ZeroConf |
These components allow to play audio and video files.
|
Element allows playing long-lasting and looping background sound in wav, mp3 or ogg file format |
|
|
Element allows playing short-lasting and looping sound effects in wav file format |
|
|
Embedded video player based on the YouTube Iframe-Player API |
In addition to the above list, also these Qt Quick Components are useful:
| SoundEffect | Provides a way to play sound effects in QML |
| MediaPlayer | Add media playback to a scene |
| Video | A convenience type for showing a specified video |
| VideoOutput | Render video or camera viewfinder |
| Camera | Access viewfinder frames, and take photos and movies |
| QtMultimedia | Provides a global object with useful functions from Qt Multimedia |
These components handle network activities.
|
Provides functionality for scaling and cropping an image file before uploading it with HttpRequest |
|
|
Convenience type to check pending requests when using HttpRequest |
|
|
Allows to implement networking features based on the SuperAgent library from VisionMedia |
|
|
Offers an API similar to the Promises API in ES2017 |
|
|
The XMLHttpRequest object can be used to asynchronously obtain data from over a network. |
These components allow to view or work with PDF files.
| PDFPage Image Provider | View PDF pages as image |
JsonListModel allows to transform your JSON data into a QML ListModel for usage with e.g. an AppListView.
|
A proxy view model for JSON data sources |
SortFilterProxyModel is an implementation of QSortFilterProxyModel conveniently exposed for QML. You can use it to apply filter and sorting settings to your QML ListModel items.
|
Filter container accepting rows accepted by all its child filters |
|
|
Filter container accepting rows accepted by at least one of its child filters |
|
|
Filters row with a custom filtering |
|
|
A custom role computed from a javascript expression |
|
|
Sorts row with a custom javascript expression |
|
|
Base type for the SortFilterProxyModel filters |
|
|
Abstract interface for types containing Filters |
|
|
A role resolving to true for rows matching all its filters |
|
|
Sorts rows based on if they match filters |
|
|
Filters rows based on their source index |
|
|
Role made from concatenating other roles |
|
|
Sorts rows based on a locale aware comparison of a source model string role |
|
|
Base type for the SortFilterProxyModel proxy roles |
|
|
Filters rows between boundary values |
|
|
Filters rows matching a regular expression |
|
|
A ProxyRole extracting data from a source role via a regular expression |
|
|
Base type for filters based on a source model role |
|
|
Sorts rows based on a source model role |
|
|
Base type for the SortFilterProxyModel proxy roles defining a single role |
|
|
Allows to apply filter and sorting settings to QML ListModel items |
|
|
Base type for the SortFilterProxyModel sorters |
|
|
Abstract interface for types containing Sorters |
|
|
Sorts rows by comparing a source model string role with a localized collation algorithm |
|
|
A role using Filter to conditionnaly compute its data |
|
|
Filters rows matching exactly a value |
The QML Native Code Components allow to interact with the native platform.
You can show native views as part of your QML scene. You can also call native APIs directly from QML.
|
Represents a platform-native class |
|
|
Represents a platform-native object |
|
|
Allows you to interact with objects native to the mobile platform |
|
|
Allows to instantiate and display platform-specific views and widgets |
|
|
Defines the platform specifics for NativeView |
The Native App Integration components allow to integrate Felgo in native applications.
|
Initializes the Felgo runtime from a native Android application |
|
|
Integrates Felgo in a native Android application |
|
|
Shows Felgo QML content in a native Android application |
|
|
Shows Felgo QML content in a native Android application |
|
|
Initializes the Felgo runtime from a native iOS application |
|
|
Shows Felgo QML content inside a native iOS application |
| Item | The Item is the most basic of all visual items in QML. |
| Animation | The Animation element is the base of all QML animations lasting for a fixed time. |
| Timer | The Timer item triggers a handler at a specified interval. |
| Loader | The Loader item allows dynamically loading an Item-based subtree from a URL or Component. |
See here for a full list of all QML components. There is also a list of all QML APIs by module including modules like connectivity (via Bluetooth, NFC or WebSockets), sensors, location or webview.
