QML UI Development
QML Design View
QML Design View is a visual editor for QML code. To access the Design View:
- Open Qt Creator.
- Open a QML project.
- Select a .qml file.
- Click the Design View button on the left-hand side.
- On the lower left side of the Design View, you will find the Qt Types menu. Objects from this list can be dragged to the component in the middle and be automatically added to the QML file.
- To delete an object, click to select it and press the Delete key.
- When a component is selected, its properties can be edited using the menus on the right-hand side, such as Geometry, Font, and Color.
Reach Technology has provided an additional set of QML Components. To use them in your project, copy the Content, Images, and Components folders into your project’s folder.
QML takes advantage of Qt Signals and Slots. Signals can be broadcast and received by other components’ Slots. Custom Signals and Slots can be declared in a components’ QML file.
Reach QML Viewer
The QML Viewer has been modified to include additional functionality. The ‘console.write()’ function can be used to send messages to the display module’s TIO Agent program. The TIO Agent will then translate the messages and pass them to the microcontroller.