Qt5.4引入了QML状态机框架,与C++状态机框架类似,可以在应用程序中创建并执行状态图。为此,QtQml.StateMachine模块提供了一些相关的QML类型,用于创建事件驱动的状态机,这些QML类型列举如下:
StateMachine——状态机管家,执行算法基于SCXML(State Chart XML),在状态机启动之前要设置好初始状态,即initialState属性。
State——状态机中的通用类型,注意与QtQuick模块中的State类型不同,导入模块时先导入QtQuick模块,后导入QtQml.StateMachine模块。
FinalState——顾名思义,状态机工作结束时使用这个状态,会触发这个状态机的finished()信号。
HistoryState——是个伪状态,记录了最后一次退出父状态时的子状态,一开始可指定一个默认状态。
SignalTransition——根据特定的信号切换状态。
TimeoutTransition——根据定时器切换状态。
下面是一个综合的例子:
// Qt5.4
// 先导入QtQuick模块,后导入QtQml.StateMachine模块
import QtQuick 2.4
import QtQuick.Controls 1.2
import QtQml.StateMachine 1.0
Item {
width: 400
height: 200
Row {
anchors.centerIn: parent
spacing: 10
Button {
id: startButton
text: "start"
onClicked: {
// 启动状态机
if (!stateMachine.running) {
stateMachine.running = true
}
}
}
Button {
id: button
// 状态机标识
text: s11.active ? "s11" : s12.active ? "s12" : s13.active ? "s13" : "state"
}
Button {
id: historyButton
// 历史状态记录
text: stateMachine.running ? s1.active ? "interrupt" : "resume" : "history"
}
Button {
id: quitButton
text: "quit"
}
}
StateMachine {
id: stateMachine
initialState: s1 // 初始状态
// running: true // running属性由button(startButton)设置
State {
id: s1
initialState: s11 // 初始状态
SignalTransition {
targetState: s3 // 根据signal切换state
signal: historyButton.clicked
}
SignalTransition {
targetState: s2 // 根据signal切换state
signal: quitButton.clicked
}
onEntered: console.log("s1 entered")
onExited: console.log("s1 exited")
State {
id: s11
SignalTransition {
targetState: s12 // 根据signal切换state
signal: button.clicked
}
onEntered: console.log("s11 entered")
onExited: console.log("s11 exited")
}
State {
id: s12
SignalTransition { // 根据signal切换state
targetState: s13
signal: button.clicked
}
SignalTransition { // override父state的signal(quitButton.clicked)
signal: quitButton.clicked
onTriggered: console.log("override - quitButton clicked")
}
onEntered: console.log("s12 entered")
onExited: console.log("s12 exited")
}
State {
id: s13
SignalTransition { // 根据signal切换state
targetState: s11
signal: button.clicked
}
TimeoutTransition { // 根据定时器切换state
targetState: s2
timeout: 2000
}
onEntered: console.log("s13 entered")
onExited: console.log("s13 exited")
}
HistoryState { // 历史状态
id: history
}
}
State {
id: s3
SignalTransition { // 根据signal切换state
targetState: history
signal: historyButton.clicked
}
onEntered: console.log("s3 entered")
onExited: console.log("s3 exited")
}
FinalState {
id: s2
}
onFinished: console.log("state finished")
}
}
另外,State的childMode属性默认是单状态模式,一开始要设置一个初始状态,我们还可以设置childMode为并行模式,当进入父状态时,就会同时进入所有的子状态。
详细介绍可参考如下Qt官网文档: