Back to Qt.io
Contact Us Blog Download Qt
Sur cette page

Feu tricolore SCXML (simple, QML)

Une application « Qt Quick » qui utilise une machine à états compilée pour mettre en œuvre un feu tricolore simplifié.

Feu de signalisation dont le feu vert est allumé

Traffic Light montre comment se connecter aux propriétés actives d’un état dans une machine à états compilée en classe.

L'interface utilisateur est créée à l'aide d'Qt Quick.

Exécution de l'exemple

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

Compilation de la machine à états

Nous effectuons la liaison avec le module Qt SCXML en ajoutant les lignes suivantes aux fichiers de compilation de l'exemple.

.pro lorsque vous utilisez qmake :
QT += qml scxml

Nous spécifions ensuite la machine à états à compiler :

STATECHARTS = statemachine.scxml
CMakeLists.txt avec cmake :
find_package(Qt6 REQUIRED COMPONENTS Core Gui Qml Scxml)
target_link_libraries(trafficlight-qml-simple PRIVATE
    Qt::Core
    Qt::Gui
    Qt::Qml
    Qt::Scxml
)

Nous spécifions ensuite la machine à états à compiler :

qt6_add_statecharts(trafficlight-qml-simple
    statemachine.scxml
)

Les directives de diagramme d’états STATECHARTS ou qt6_add_statecharts invoquent le compilateur Qt SCXML, qscxmlc, qui s’exécute automatiquement pour générer les fichiers statemachine.h et statemachine.cpp, lesquels sont ensuite ajoutés de manière appropriée en tant qu’en-têtes et fichiers source pour la compilation.

Instanciation de la machine à états

Nous instancions la machine à états comme suit :

    TrafficLightStateMachine {
        id: stateMachine
        running: true
    }

Connexion aux états

Dans le fichier SCXML, nous spécifions les états pour chaque feu : rouge, orange et vert. Dans l’élément ` <onentry> `, nous spécifions l’événement à envoyer lors de l’entrée dans l’état ainsi que le délai en secondes avant l’envoi de l’événement. Dans l’élément ` <transition> `, nous spécifions l’événement qui déclenche la transition vers l’état indiqué par l’attribut ` target ` :

        <state id="red">
            <onentry>
                <send event="startGoingGreen" delay="3s"/>
            </onentry>
            <transition event="startGoingGreen" target="redGoingGreen"/>
        </state>

        <state id="yellow" initial="greenGoingRed">
            <state id="redGoingGreen">
                <onentry>
                    <send event="goGreen" delay="1s"/>
                </onentry>
                <transition event="goGreen" target="green"/>
            </state>

            <state id="greenGoingRed">
                <onentry>
                    <send event="goRed" delay="1s"/>
                </onentry>
                <transition event="goRed" target="red"/>
            </state>
        </state>

        <state id="green">
            <onentry>
                <send event="startGoingRed" delay="3s"/>
            </onentry>
            <transition event="startGoingRed" target="greenGoingRed"/>
        </state>

Nous connectons les états comme suit :

        Light {
            anchors.top: parent.top
            anchors.horizontalCenter: parent.horizontalCenter
            color: "red"
            visible: stateMachine.red || stateMachine.redGoingGreen
        }

        Light {
            anchors.centerIn: parent
            color: "yellow"
            visible: stateMachine.yellow || stateMachine.blinking
        }

        Light {
            anchors.bottom: parent.bottom
            anchors.horizontalCenter: parent.horizontalCenter
            color: "green"
            visible: stateMachine.green
        }
    }

Exemple de projet @ code.qt.io

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.