Cvb/QmlFirmwareUpdater

This example requires Qt5 >= 5.9 setup for building.

You may build it with Ubuntu 18.04's default Qt5 after installing:

• qt5-default
• qtdeclarative5-dev
• qml-module-qtquick2

// ---------------------------------------------------------------------------
// ---------------------------------------------------------------------------
 
#include <iostream>
 
#include <QApplication>
#include <QIcon>
#include <QMetaType>
#include <QQmlContext>
#include <QQuickStyle>
#include <QQuickView>
 
#include "backend.hpp"
 
int main(int argc, char *argv[])
{
  try
  {
    QQuickStyle::setStyle("Windows");
    QQuickStyle::setFallbackStyle("Universal");
    QApplication app(argc, argv);
    app.setOrganizationName("STEMMER IMAGING");
    app.setOrganizationDomain("https://www.stemmer-imaging.com/");
    app.setApplicationName("FirmwareUpdater C++ tutorial");
 
    QQuickView *view = new QQuickView;
    view->setResizeMode(QQuickView::SizeRootObjectToView);
    view->setIcon(QIcon(":/qttutorial.png"));
 
    view->resize(640, 390);
    view->show();
 
    // Set context property before creating QML file
    BackEnd be(view);
    view->rootContext()->setContextProperty("backEnd", &be);
 
    // Load main QML file
    view->setSource(QUrl::fromLocalFile("../main.qml"));
 
    return app.exec();
  }
  catch (const std::exception &error)
  {
    std::cout << error.what() << std::endl;
  }
}

UI definition using QML.

import QtQuick 2.3
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3
import QtQuick.Dialogs 1.2
import QtQuick.Controls.Universal 2.2
 
GroupBox {
    id: gridBox
    width: 640
    height: 390
    Layout.fillWidth: true
    Layout.fillHeight: true
 
    property var loadFile: true
    property var enableSnapSend: false
 
    Universal.theme: Universal.System
 
    background: Rectangle {
            width: parent.width
            height: parent.height 
            color: Universal.background
        }
 
    function urlToPath(urlString) {
        var s
        if (urlString.startsWith("file:///")) {
      var k = urlString.charAt(9) === ':' ? 8 : 7
      s = urlString.substring(k)
        } else {
      s = urlString
        }
        return decodeURIComponent(s);
    }
 
    FileDialog
    {
        id: fileDialog
        modality: Qt.NonModal
        title: loadFile ? "Select an image or driver to load" : "Save image"
        selectExisting: loadFile
        selectFolder: false
        nameFilters: ["Firmware Update Files (*.guf)", "All files (*)"]
        sidebarVisible: true
        onAccepted:
        {
            var path = urlToPath(fileUrl.toString());
            backEnd.BtnOpenGuf(path)
        }
    }
 
    property alias statusText: status.text
    GridLayout {
        id: gridLayout
        rows: 4
        columns: 3
        flow: GridLayout.TopToBottom
        anchors.fill: parent
        
        Text
        {
            text: qsTr("QmlFirmwareUpdater Example. First select a .guf file which should be used
to update the device. Then click \"Scan\" to list all connected devices. After selecting the
desired camera/update combination, \"Start Update\". Wait for the update to finish and
keep the camera connected during the whole process.")
 
            horizontalAlignment: Text.AlignHCenter
            Layout.columnSpan: 3
            Layout.fillWidth: true
        }
 
        Button
        {
            objectName: "btnOpenGuf"
            id: btnOpenGuf
            text: qsTr("Open guf file")
            onClicked:
            {
                loadFile = true
                fileDialog.open()
            }
        }
 
        Button
        {
            objectName: "btnScan"
            id: btnScan
            implicitWidth: btnOpenGuf.width
            text: qsTr("Scan")
             onClicked:
             {                 
                 backEnd.BtnScan()
             }
        }
        
        Button
        {
            objectName: "btnStartUpdate"
            id: btnUpdate
            text: qsTr("Start Update")
            onClicked:
            {
                backEnd.BtnStartUpdate(gufEntriesCombo.currentIndex, cameraCombo.currentText)
            }
        }
 
        ComboBox 
        {
            id: gufEntriesCombo
            Layout.fillWidth: true
            model: backEnd.GufEntriesCombo
            onCurrentIndexChanged: backEnd.UpdateGufEntryInfo(gufEntriesCombo.currentIndex)
        }
 
        ComboBox
        {
            id: cameraCombo
            Layout.fillWidth: true
            Layout.columnSpan: 2
            model: backEnd.CameraCombo
        }
        
        Label
        {
            id: status
            objectName: "status"
            text: qsTr("")
            Layout.fillWidth: true
            Layout.columnSpan: 2
        }
 
        Label
        {
            id: gufContent
            objectName: "gufContent"
            text: qsTr("")
        }
    }
}