Calculatrice SCXML

Calculator utilise Qt SCXML pour implémenter l'exemple « Calculator » présenté dans la spécification SCXML.

La machine à états est définie 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

Vous pouvez exécuter l’exemple à partir de :

• Qt Creator

  Ouvrez le mode « Welcome » et sélectionnez l’exemple à l’adresse Examples. Pour plus d’informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.

• Qt Extension for Visual Studio Code

  Exécutez la commande « Qt: Open Qt examples » à partir de Command Palette, puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.

Instanciation de la machine à états

Nous rendons la classe CalculatorStateMachine générée accessible à QML en la déclarant comme 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 un CalculatorStateMachine et écoutons l’événement « updateDisplay ». Lorsqu’il se produit, nous modifions le texte affiché 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 touches de la calculatrice, celles-ci envoient 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 sur code.qt.io