python - 如何处理大量小部件的 QPropertyAnimation

Question

我想让许多彩色点在背景上不断移动。 (下面的代码说明):PolkaDot 小部件是用随机颜色、大小、位置和持续时间构建的。 QPropertyAnimation 在屏幕上从左到右移动小部件，并在动画结束时以新的高度重新开始。背景小部件中构建了 100 个 PolkaDot 小部件，这足以使其看起来像大量新点不断从屏幕左侧涌入。

但是，100个属性动画似乎消耗了大量的CPU资源，导致速度变慢并且看起来不流畅。还有其他方法可以达到类似的结果吗？尝试运行下面的代码。

import sys, random
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

colors = [QColor('#f00'), QColor('#00f'), QColor('#0f0'), QColor('#ff0'),
          QColor('#fff'), QColor('#ff6000'), QColor('#6b00ff'), QColor('#f0f')]

class PolkaDot(QWidget):

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.setFixedSize(50, 50)
        self.color = random.choice(colors)
        self.r = random.randrange(5, 22)
        self.move(random.randrange(w), random.randrange(h))
        self.anim = QPropertyAnimation(self, b'pos')
        self.anim.finished.connect(self.run)
        self.anim.setDuration(random.randrange(3000, 9000))
        self.anim.setStartValue(QPoint(self.x() - (w + 60), self.y()))
        self.anim.setEndValue(QPoint(w + 60, self.y()))
        self.anim.start()

    def paintEvent(self, event):
        qp = QPainter(self)
        qp.setRenderHint(QPainter.Antialiasing)
        qp.setBrush(self.color)
        qp.setPen(QPen(self.color.darker(130), self.r / 5))
        qp.drawEllipse(QPoint(25, 25), self.r, self.r)

    def run(self):
        y = random.randrange(h)
        self.anim.setDuration(random.randrange(3000, 9000))
        self.anim.setStartValue(QPoint(-60, y))
        self.anim.setEndValue(QPoint(w + 60, y + random.randrange(-50, 50)))
        self.anim.start()


class Background(QWidget):

    def __init__(self):
        super().__init__()
        self.setGeometry(window)
        polka_dots = [PolkaDot(self) for i in range(100)]
        self.setStyleSheet('background-color: #000')


if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = QDesktopWidget().availableGeometry()
    w, h = window.width(), window.height()
    gui = Background()
    gui.show()
    sys.exit(app.exec_())

Answer 1

我找到了一个解决方案。由于某种原因，在背景小部件的绘制事件中创建点并在 QTimer.timeout() 上调用 repaint() 来更新 XY 坐标比使用 QPropertyAnimation 更有效。

tick = 24

class Dot(object):

    def __init__(self):
        self.x = random.randrange(-w - 60, 0)
        self.randomize()

    def randomize(self):
        self.color = random.choice(colors)
        self.r = random.randrange(5, 22)
        self.y = random.randrange(h)
        self.x_speed = random.randrange(3000, 9000)
        self.y_speed = random.randrange(-50, 50)

    def move(self):
        self.x += w * tick / self.x_speed
        self.y += self.y_speed * tick / self.x_speed
        if self.x > w:
            self.x = -60
            self.randomize()


class Background(QWidget):

    def __init__(self):
        super().__init__()
        self.setGeometry(window)
        self.setStyleSheet('background-color: #000')
        self.dots = [Dot() for i in range(150)]
        self.timer = QTimer()
        self.timer.setInterval(tick)
        self.timer.timeout.connect(self.animate)
        self.timer.start()

    def paintEvent(self, event):
        qp = QPainter(self)
        qp.setRenderHint(QPainter.Antialiasing)
        for dot in self.dots:
            qp.setBrush(dot.color)
            qp.setPen(QPen(dot.color.darker(130), dot.r / 5))
            qp.drawEllipse(QPoint(dot.x, dot.y), dot.r, dot.r)

    def animate(self):
        for d in self.dots:
            d.move()
        self.repaint()