Qt SCXML 交通燈 QML 範例 (動態)

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

UI 是使用 Qt Quick 創建的。

運行範例

要運行範例從 Qt Creator ，打開歡迎模式，然後選擇範例從範例。更多信息，拜訪構建和運行範例 .

動態加載狀態機

We link against the Qt SCXML module by adding the following line to the example .pro 文件：

QT += qml scxml

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

import QtScxml 5.8
TrafficLight {
    StateMachineLoader {
        id: loader
        source: "qrc:///statemachine.scxml"
    }
    stateMachine: loader.stateMachine
}

連接到狀態

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 屬性：

        <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>

We connect to the states as follows:

    states: [
        State {
            name: "Red"
            when: stateMachine.red
            PropertyChanges {
                target: redLight
                opacity: 1
            }
        },
        State {
            name: "RedGoingGreen"
            when: stateMachine.redGoingGreen
            PropertyChanges {
                target: redLight
                opacity: 1
            }
            PropertyChanges {
                target: yellowLight
                opacity: 1
            }
        },
        State {
            name: "Yellow"
            when: stateMachine.yellow || stateMachine.blinking
            PropertyChanges {
                target: yellowLight
                opacity: 1
            }
        },
        State {
            name: "Green"
            when: stateMachine.green
            PropertyChanges {
                target: greenLight
                opacity: 1
            }
        }
    ]

文件：