Qt SCXML Traffic Light QML Example (Dynamic)▲

Image non disponible

Traffic Light QML Example (Dynamic) demonstrates how to connect to the active properties of a state in a dynamically loaded state machine.

The UI is created using Qt Quick.

Running the Example▲

To run the example from Qt Creator, open the Welcome mode and select the example from Examples. For more information, visit Building and Running an Example.

Dynamically Loading the State Machine▲

We link against the Qt SCXML module by adding the following line to the example .pro file:

 
Sélectionnez
QT += qml scxml

We dynamically create the state machine in the main QML file:

 
Sélectionnez
import QtScxml 5.8

TrafficLight {
    StateMachineLoader {
        id: loader
        source: "qrc:///statemachine.scxml"
    }

    stateMachine: loader.stateMachine
}

Connecting to States▲

In the SCXML file, we specify states for each light: red, yellow, and green. In the <onentry> element, we specify the event to send when entering the state and the delay in seconds before sending the event. In the <transition> element, we specify the event that triggers the transition to the state specified by the target attribute:

 
Sélectionnez
        &lt;state id="red"&gt;
            &lt;onentry&gt;
                &lt;send event="startGoingGreen" delay="3s"/&gt;
            &lt;/onentry&gt;
            &lt;transition event="startGoingGreen" target="redGoingGreen"/&gt;
        &lt;/state&gt;

        &lt;state id="yellow" initial="greenGoingRed"&gt;
            &lt;state id="redGoingGreen"&gt;
                &lt;onentry&gt;
                    &lt;send event="goGreen" delay="1s"/&gt;
                &lt;/onentry&gt;
                &lt;transition event="goGreen" target="green"/&gt;
            &lt;/state&gt;

            &lt;state id="greenGoingRed"&gt;
                &lt;onentry&gt;
                    &lt;send event="goRed" delay="1s"/&gt;
                &lt;/onentry&gt;
                &lt;transition event="goRed" target="red"/&gt;
            &lt;/state&gt;
        &lt;/state&gt;

        &lt;state id="green"&gt;
            &lt;onentry&gt;
                &lt;send event="startGoingRed" delay="3s"/&gt