Question

我已经实现了一个python简单的应用程序，没有任何动画。现在我想添加一个简单的动画，由一个信号（例如一个按钮点击）触发，在触发器上放大窗口的宽度并显示一个带有一些文本的新文本区域。

老实说，我是python / pyqt4的新手，我对动画框架知之甚少。

我尝试将其添加到我的类代码中，例如在一个名为click菜单的方法中:)：

  self.anim = QPropertyAnimation(self, "size")
  self.anim.setDuration(2500)
  self.anim.setStartValue(QSize(self.width(), self.height()))
  self.anim.setEndValue(QSize(self.width()+100, self.height()))
  self.anim.start()

这会扩大我的窗口。

不幸的是我不知道如何插入新的文本区域，避免已经存在的小部件来填充新的空间（实际上，当窗口放大时，小部件使用所有空间，从而扩大自己）

有人可以帮我了解如何添加文本区域外观动画吗？

感谢任何帮助......真的......

Answer 1

实现此目的的一种方法是在窗口和文本编辑上设置maximumWidth属性的动画。

主要的困难是以一种与标准布局相得益彰的方式进行，同时还允许调整窗口大小。在动画期间避免闪烁也很棘手。

以下演示几乎就在那里（动画在开头和结尾都有些不稳定）：

from PyQt4 import QtGui, QtCore

class Window(QtGui.QDialog):
    def __init__(self):
        QtGui.QDialog.__init__(self)
        self._offset = 200
        self._closed = False
        self._maxwidth = self.maximumWidth()
        self.widget = QtGui.QWidget(self)
        self.listbox = QtGui.QListWidget(self.widget)
        self.button = QtGui.QPushButton('Slide', self.widget)
        self.button.clicked.connect(self.handleButton)
        self.editor = QtGui.QTextEdit(self)
        self.editor.setMaximumWidth(self._offset)
        vbox = QtGui.QVBoxLayout(self.widget)
        vbox.setContentsMargins(0, 0, 0, 0)
        vbox.addWidget(self.listbox)
        vbox.addWidget(self.button)
        layout = QtGui.QHBoxLayout(self)
        layout.addWidget(self.widget)
        layout.addWidget(self.editor)
        layout.setSizeConstraint(QtGui.QLayout.SetMinAndMaxSize)
        self.animator = QtCore.QParallelAnimationGroup(self)
        for item in (self, self.editor):
            animation = QtCore.QPropertyAnimation(item, 'maximumWidth')
            animation.setDuration(800)
            animation.setEasingCurve(QtCore.QEasingCurve.OutCubic)
            self.animator.addAnimation(animation)
        self.animator.finished.connect(self.handleFinished)

    def handleButton(self):
        for index in range(self.animator.animationCount()):
            animation = self.animator.animationAt(index)
            width = animation.targetObject().width()
            animation.setStartValue(width)
            if self._closed:
                self.editor.show()
                animation.setEndValue(width + self._offset)
            else:
                animation.setEndValue(width - self._offset)
        self._closed = not self._closed
        self.widget.setMinimumSize(self.widget.size())
        self.layout().setSizeConstraint(QtGui.QLayout.SetFixedSize)
        self.animator.start()

    def handleFinished(self):
        if self._closed:
            self.editor.hide()
        self.layout().setSizeConstraint(QtGui.QLayout.SetMinAndMaxSize)
        self.widget.setMinimumSize(0, 0)
        self.setMaximumWidth(self._maxwidth)

if __name__ == '__main__':

    import sys
    app = QtGui.QApplication(sys.argv)
    window = Window()
    window.move(500, 300)
    window.show()
    sys.exit(app.exec_())

PyQt4 - 添加文本编辑区域动画示例

1 个答案: