States and Transitions - Video

In this video we'll introduce states and transitions in QML. States are a very convenient way to centralize the property values of a set of items in a user interface built in QML. While states define the values themselves, transitions define how to animate the change of the values corresponding to a state change. That's why this video belongs to the animation section!

Please note that states and transitions are merely supposed to represent UI state and they are not a fully fledged state machine. If you need a state machine, use QStateMachine in C++, or Declarative State Machines in QML. You can find more information here https://doc.qt.io/qt-5/statemachine-api.html and https://doc.qt.io/qt-5/qmlstatemachine.html

The example code showcased in this video is available here: https://github.com/KDAB/kdabtv