QML Architecture & Development Guide - adamallaf/lime GitHub Wiki

Overview

QML supports JavaScript expressions so if you know a little bit of JavaScript you'll be able to contribute more than you thought!

Developing

Getting Started

Make sure you can build and run the QML frontend.

Debugging

console.log is available to help debug QML logic.

QML supports a version of the console.log api, which also provides some other goodies like tracing, timing and profiling.

Logging & Log Level

We by default have a very loud log configuration turned on. To minimize it you can set the log level to DEBUG instead of FINEST inside the main.go main function.

View Architecture

LimeView.qml

The green lines in the following screenshot represent the top level Item object id: viewItem.

Green lines represent the bounding box for the top level limeview qml object.

The red lines in the following screenshot represent the Item > ListView id: view object. . Notice that each line of source code is rendered in one of the ListItem child views.

Green lines represent the bounding box for the top level limeview qml object.