States Example#
The States example shows how to use the Qt state machine to play animations.
# Copyright (C) 2010 Riverbank Computing Limited.
# Copyright (C) 2022 The Qt Company Ltd.
# SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import sys
from PySide6.QtCore import (QPointF, QPropertyAnimation,
QSequentialAnimationGroup, QRect, QRectF, QSizeF,
Qt)
from PySide6.QtGui import QPixmap
from PySide6.QtWidgets import (QApplication, QGraphicsLinearLayout,
QGraphicsObject, QGraphicsProxyWidget,
QGraphicsWidget, QGraphicsScene, QGraphicsView,
QGroupBox, QPushButton, QRadioButton,
QTextEdit, QVBoxLayout)
from PySide6.QtStateMachine import QState, QStateMachine
import states_rc # noqa: F401
class Pixmap(QGraphicsObject):
def __init__(self, pix):
super().__init__()
self.p = QPixmap(pix)
def paint(self, painter, option, widget):
painter.drawPixmap(QPointF(), self.p)
def boundingRect(self):
return QRectF(QPointF(0, 0), QSizeF(self.p.size()))
if __name__ == '__main__':
app = QApplication(sys.argv)
# Text edit and button.
edit = QTextEdit()
edit.setText("asdf lkjha yuoiqwe asd iuaysd u iasyd uiy "
"asdf lkjha yuoiqwe asd iuaysd u iasyd uiy "
"asdf lkjha yuoiqwe asd iuaysd u iasyd uiy "
"asdf lkjha yuoiqwe asd iuaysd u iasyd uiy!")
button = QPushButton()
button_proxy = QGraphicsProxyWidget()
button_proxy.setWidget(button)
edit_proxy = QGraphicsProxyWidget()
edit_proxy.setWidget(edit)
box = QGroupBox()
box.setFlat(True)
box.setTitle("Options")
layout2 = QVBoxLayout()
box.setLayout(layout2)
layout2.addWidget(QRadioButton("Herring"))
layout2.addWidget(QRadioButton("Blue Parrot"))
layout2.addWidget(QRadioButton("Petunias"))
layout2.addStretch()
box_proxy = QGraphicsProxyWidget()
box_proxy.setWidget(box)
# Parent widget.
widget = QGraphicsWidget()
layout = QGraphicsLinearLayout(Qt.Vertical, widget)
layout.addItem(edit_proxy)
layout.addItem(button_proxy)
widget.setLayout(layout)
p1 = Pixmap(QPixmap(':/digikam.png'))
p2 = Pixmap(QPixmap(':/akregator.png'))
p3 = Pixmap(QPixmap(':/accessories-dictionary.png'))
p4 = Pixmap(QPixmap(':/k3b.png'))
p5 = Pixmap(QPixmap(':/help-browser.png'))
p6 = Pixmap(QPixmap(':/kchart.png'))
scene = QGraphicsScene(0, 0, 400, 300)
scene.setBackgroundBrush(scene.palette().window())
scene.addItem(widget)
scene.addItem(box_proxy)
scene.addItem(p1)
scene.addItem(p2)
scene.addItem(p3)
scene.addItem(p4)
scene.addItem(p5)
scene.addItem(p6)
machine = QStateMachine()
state1 = QState(machine)
state2 = QState(machine)
state3 = QState(machine)
machine.setInitialState(state1)
# State 1.
state1.assignProperty(button, 'text', "Switch to state 2")
state1.assignProperty(widget, 'geometry', QRectF(0, 0, 400, 150))
state1.assignProperty(box, 'geometry', QRect(-200, 150, 200, 150))
state1.assignProperty(p1, 'pos', QPointF(68, 185))
state1.assignProperty(p2, 'pos', QPointF(168, 185))
state1.assignProperty(p3, 'pos', QPointF(268, 185))
state1.assignProperty(p4, 'pos', QPointF(68 - 150, 48 - 150))
state1.assignProperty(p5, 'pos', QPointF(168, 48 - 150))
state1.assignProperty(p6, 'pos', QPointF(268 + 150, 48 - 150))
state1.assignProperty(p1, 'rotation', 0.0)
state1.assignProperty(p2, 'rotation', 0.0)
state1.assignProperty(p3, 'rotation', 0.0)
state1.assignProperty(p4, 'rotation', -270.0)
state1.assignProperty(p5, 'rotation', -90.0)
state1.assignProperty(p6, 'rotation', 270.0)
state1.assignProperty(box_proxy, 'opacity', 0.0)
state1.assignProperty(p1, 'opacity', 1.0)
state1.assignProperty(p2, 'opacity', 1.0)
state1.assignProperty(p3, 'opacity', 1.0)
state1.assignProperty(p4, 'opacity', 0.0)
state1.assignProperty(p5, 'opacity', 0.0)
state1.assignProperty(p6, 'opacity', 0.0)
# State 2.
state2.assignProperty(button, 'text', "Switch to state 3")
state2.assignProperty(widget, 'geometry', QRectF(200, 150, 200, 150))
state2.assignProperty(box, 'geometry', QRect(9, 150, 190, 150))
state2.assignProperty(p1, 'pos', QPointF(68 - 150, 185 + 150))
state2.assignProperty(p2, 'pos', QPointF(168, 185 + 150))
state2.assignProperty(p3, 'pos', QPointF(268 + 150, 185 + 150))
state2.assignProperty(p4, 'pos', QPointF(64, 48))
state2.assignProperty(p5, 'pos', QPointF(168, 48))
state2.assignProperty(p6, 'pos', QPointF(268, 48))
state2.assignProperty(p1, 'rotation', -270.0)
state2.assignProperty(p2, 'rotation', 90.0)
state2.assignProperty(p3, 'rotation', 270.0)
state2.assignProperty(p4, 'rotation', 0.0)
state2.assignProperty(p5, 'rotation', 0.0)
state2.assignProperty(p6, 'rotation', 0.0)
state2.assignProperty(box_proxy, 'opacity', 1.0)
state2.assignProperty(p1, 'opacity', 0.0)
state2.assignProperty(p2, 'opacity', 0.0)
state2.assignProperty(p3, 'opacity', 0.0)
state2.assignProperty(p4, 'opacity', 1.0)
state2.assignProperty(p5, 'opacity', 1.0)
state2.assignProperty(p6, 'opacity', 1.0)
# State 3.
state3.assignProperty(button, 'text', "Switch to state 1")
state3.assignProperty(p1, 'pos', QPointF(0, 5))
state3.assignProperty(p2, 'pos', QPointF(0, 5 + 64 + 5))
state3.assignProperty(p3, 'pos', QPointF(5, 5 + (64 + 5) + 64))
state3.assignProperty(p4, 'pos', QPointF(5 + 64 + 5, 5))
state3.assignProperty(p5, 'pos', QPointF(5 + 64 + 5, 5 + 64 + 5))
state3.assignProperty(p6, 'pos', QPointF(5 + 64 + 5, 5 + (64 + 5) + 64))
state3.assignProperty(widget, 'geometry', QRectF(138, 5, 400 - 138, 200))
state3.assignProperty(box, 'geometry', QRect(5, 205, 400, 90))
state3.assignProperty(p1, 'opacity', 1.0)
state3.assignProperty(p2, 'opacity', 1.0)
state3.assignProperty(p3, 'opacity', 1.0)
state3.assignProperty(p4, 'opacity', 1.0)
state3.assignProperty(p5, 'opacity', 1.0)
state3.assignProperty(p6, 'opacity', 1.0)
t1 = state1.addTransition(button.clicked, state2)
animation_1sub_group = QSequentialAnimationGroup()
animation_1sub_group.addPause(250)
animation_1sub_group.addAnimation(QPropertyAnimation(box, b'geometry', state1))
t1.addAnimation(animation_1sub_group)
t1.addAnimation(QPropertyAnimation(widget, b'geometry', state1))
t1.addAnimation(QPropertyAnimation(p1, b'pos', state1))
t1.addAnimation(QPropertyAnimation(p2, b'pos', state1))
t1.addAnimation(QPropertyAnimation(p3, b'pos', state1))
t1.addAnimation(QPropertyAnimation(p4, b'pos', state1))
t1.addAnimation(QPropertyAnimation(p5, b'pos', state1))
t1.addAnimation(QPropertyAnimation(p6, b'pos', state1))
t1.addAnimation(QPropertyAnimation(p1, b'rotation', state1))
t1.addAnimation(QPropertyAnimation(p2, b'rotation', state1))
t1.addAnimation(QPropertyAnimation(p3, b'rotation', state1))
t1.addAnimation(QPropertyAnimation(p4, b'rotation', state1))
t1.addAnimation(QPropertyAnimation(p5, b'rotation', state1))
t1.addAnimation(QPropertyAnimation(p6, b'rotation', state1))
t1.addAnimation(QPropertyAnimation(p1, b'opacity', state1))
t1.addAnimation(QPropertyAnimation(p2, b'opacity', state1))
t1.addAnimation(QPropertyAnimation(p3, b'opacity', state1))
t1.addAnimation(QPropertyAnimation(p4, b'opacity', state1))
t1.addAnimation(QPropertyAnimation(p5, b'opacity', state1))
t1.addAnimation(QPropertyAnimation(p6, b'opacity', state1))
t2 = state2.addTransition(button.clicked, state3)
t2.addAnimation(QPropertyAnimation(box, b'geometry', state2))
t2.addAnimation(QPropertyAnimation(widget, b'geometry', state2))
t2.addAnimation(QPropertyAnimation(p1, b'pos', state2))
t2.addAnimation(QPropertyAnimation(p2, b'pos', state2))
t2.addAnimation(QPropertyAnimation(p3, b'pos', state2))
t2.addAnimation(QPropertyAnimation(p4, b'pos', state2))
t2.addAnimation(QPropertyAnimation(p5, b'pos', state2))
t2.addAnimation(QPropertyAnimation(p6, b'pos', state2))
t2.addAnimation(QPropertyAnimation(p1, b'rotation', state2))
t2.addAnimation(QPropertyAnimation(p2, b'rotation', state2))
t2.addAnimation(QPropertyAnimation(p3, b'rotation', state2))
t2.addAnimation(QPropertyAnimation(p4, b'rotation', state2))
t2.addAnimation(QPropertyAnimation(p5, b'rotation', state2))
t2.addAnimation(QPropertyAnimation(p6, b'rotation', state2))
t2.addAnimation(QPropertyAnimation(p1, b'opacity', state2))
t2.addAnimation(QPropertyAnimation(p2, b'opacity', state2))
t2.addAnimation(QPropertyAnimation(p3, b'opacity', state2))
t2.addAnimation(QPropertyAnimation(p4, b'opacity', state2))
t2.addAnimation(QPropertyAnimation(p5, b'opacity', state2))
t2.addAnimation(QPropertyAnimation(p6, b'opacity', state2))
t3 = state3.addTransition(button.clicked, state1)
t3.addAnimation(QPropertyAnimation(box, b'geometry', state3))
t3.addAnimation(QPropertyAnimation(widget, b'geometry', state3))
t3.addAnimation(QPropertyAnimation(p1, b'pos', state3))
t3.addAnimation(QPropertyAnimation(p2, b'pos', state3))
t3.addAnimation(QPropertyAnimation(p3, b'pos', state3))
t3.addAnimation(QPropertyAnimation(p4, b'pos', state3))
t3.addAnimation(QPropertyAnimation(p5, b'pos', state3))
t3.addAnimation(QPropertyAnimation(p6, b'pos', state3))
t3.addAnimation(QPropertyAnimation(p1, b'rotation', state3))
t3.addAnimation(QPropertyAnimation(p2, b'rotation', state3))
t3.addAnimation(QPropertyAnimation(p3, b'rotation', state3))
t3.addAnimation(QPropertyAnimation(p4, b'rotation', state3))
t3.addAnimation(QPropertyAnimation(p5, b'rotation', state3))
t3.addAnimation(QPropertyAnimation(p6, b'rotation', state3))
t3.addAnimation(QPropertyAnimation(p1, b'opacity', state3))
t3.addAnimation(QPropertyAnimation(p2, b'opacity', state3))
t3.addAnimation(QPropertyAnimation(p3, b'opacity', state3))
t3.addAnimation(QPropertyAnimation(p4, b'opacity', state3))
t3.addAnimation(QPropertyAnimation(p5, b'opacity', state3))
t3.addAnimation(QPropertyAnimation(p6, b'opacity', state3))
machine.start()
view = QGraphicsView(scene)
view.show()
sys.exit(app.exec())