Calculatrice SCXML

Calculator utilise Qt SCXML pour mettre en œuvre l'exemple de calculatrice présenté dans la spécification SCXML.

La machine à états est spécifiée dans le fichier statemachine.scxml et compilée dans la classe CalculatorStateMachine. L'interface utilisateur est créée à l'aide de Qt Quick.

Exécution de l'exemple

Pour exécuter l'exemple à partir de Qt Creatorouvrez le mode Welcome et sélectionnez l'exemple à partir de Examples. Pour plus d'informations, voir Qt Creator: Tutorial : Construire et exécuter.

Instanciation de la machine à états

Nous rendons la classe CalculatorStateMachine générée disponible pour QML en la déclarant comme un type QML dans le fichier calculator-qml.h :

struct CalculatorStateMachineRegistration
{
    Q_GADGET
    QML_FOREIGN(CalculatorStateMachine)
    QML_NAMED_ELEMENT(CalculatorStateMachine)
    QML_ADDED_IN_VERSION(1, 0)
};

Nous instancions une CalculatorStateMachine et écoutons l'événement updateDisplay. Lorsqu'il se produit, nous modifions le texte sur l'écran de la calculatrice :

    CalculatorStateMachine {
        id: statemachine
        running: true
        EventConnection {
            events: ["updateDisplay"]
            onOccurred: (event)=> resultText.text = event.data.display
        }
    }

Lorsque les utilisateurs appuient sur les boutons de la calculatrice, ceux-ci soumettent des événements à la machine à états :

        Button {
            id: resultButton
            x: 3 * width
            y: parent.height / 5
            textHeight: y - 2
            fontHeight: 0.4
            width: parent.width / 4
            height: y * 4
            color: pressed ? "#e0b91c" : "#face20"
            text: "="
            onClicked: statemachine.submitEvent("EQUALS")
        }

Exemple de projet @ code.qt.io