SCXML 信号機 (シンプル、QML)

コンパイルされたステートマシンを使って簡略化された信号機を実装する Qt Quick アプリケーションです。

Traffic Lightは、クラスにコンパイルされたステートマシンの状態のアクティブなプロパティに接続する方法を示します。

UI は Qt Quick を使用して作成されています。

例を実行する

Qt Creator からサンプルを実行するには、Welcome モードを開き、Examples からサンプルを選択します。詳細については、Building and Running an Example を参照してください。

ステートマシンのコンパイル

サンプルのビルドファイルに以下の行を追加して、Qt SCXML モジュールとリンクします。

qmake を使用する場合は.pro に追加します：

QT += qml scxml

次に、コンパイルするステートマシンを指定します：

STATECHARTS = ../trafficlight-common/statemachine.scxml

cmake を使用する場合はCMakeLists.txt を指定します：

find_package(Qt6 REQUIRED COMPONENTS Core Gui Qml Scxml)
target_link_libraries(trafficlight-qml-static PRIVATE
    Qt6::Core
    Qt6::Gui
    Qt6::Qml
    Qt6::Scxml
)

次に、コンパイルするステートマシンを指定します：

qt6_add_statecharts(trafficlight-qml-static
    ../trafficlight-common/statemachine.scxml
)

statechartディレクティブSTATECHARTSまたはqt6_add_statechartsはQt SCXMLコンパイラqscxmlc を呼び出します。このコンパイラは自動的に実行され、statemachine.hと statemachine.cppを生成します。

ステートマシンのインスタンス化

ステート・マシンのインスタンス化は以下のように行う：

    TrafficLightStateMachine {
        id: stateMachine
        running: true
    }

ステートへの接続

SCXML ファイルで、各ライトの状態を指定します：赤、黄、緑。<onentry> 要素で、状態に入ったときに送るイベントと、イベントを送るまでの秒単位の遅延を指定します。<transition> 要素では、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>

ステートへの接続は以下のように行う：

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

プロジェクトの例 @ code.qt.io

本ドキュメントに含まれる文書の著作権は、それぞれの所有者に帰属します。本書で提供されるドキュメントは、Free Software Foundation が発行したGNU Free Documentation License version 1.3に基づいてライセンスされています。 Qtおよびそれぞれのロゴは、フィンランドおよびその他の国におけるThe Qt Company Ltd.の商標です。その他すべての商標は、それぞれの所有者に帰属します。