Qt Designer

The Qt Designer is used for creating user interfaces for kbLogger projects.

Please read the manual from the official Qt documentation: Qt Designer Manual

Qt Designer's Editing Modes
Due to the usage of the *.ui files created by the Qt Designer, not all editing modes of the Qt Designer can be used. The two supported modes are the Widget Editing Mode and the Tab Order Editing Mode.

To create a new GUI form, it's recommended to use a simple widget template as a base.

Creating a new GUI

This picture shows a simple dialog containing one single push button.

A new dialog with a single push button.

To call functions of this push button, the script has get a handle (a reference) to this object (the push button). This is done with a function call of findChild() of the UserInterface object ui.

var pushButton = ui.findChild("pushButton"); // Get a reference to the button

The handle can afterwards connected to callback functions.

pushButton.clicked.connect(onPushButtonClicked); // Connect the clicked event to the function "onpushButtonClicked()"
 
function onPushButtonClicked()
{
    trace("onPushButtonClicked"); // A trace message is send to a connected TraceViewer
 
    // do something
}

The signals which are emitted by the concrete widget, are documented in the Qt class documentation of the widget.