Qt 中的动画图像替换

Question

我正在尝试在 QLabel 内对 QPixmap 的变化进行动画处理。

我有 MainWindow，它包含几个从 QScrollArea 派生的对象。其中每个都拥有一个 QLabel 成员。

使用mousePressEvent()，我可以使用setPixmap()替换每个QLabel的图片。然而，这只是切换每个 QLabel 中的图像，而我想要实现的是新图像在现有图像上滑动的动画。

首先，我尝试使用 QTimeLine 自己在 QLabel 上绘制 QPixmap（我为此创建了一个从 QLabel 派生的类，并编写了我自己的 setPixmap()），但这不起作用。接下来，我尝试使用 QPropertyAnimation，但如果我不为其实现子类，它就无法在 Pixmap 上构建。

任何想法或想法都值得赞赏。

Answer 1

您将需要一个具有可动画属性的 QObject，并生成动画的中间帧。一个不完整的例子：

class LabelAnimator : public QObject
{
    Q_OBJECT
    Q_PROPERTY(float progress READ progress WRITE setProgress)
public:
    LabelAnimator(QLabel* label) : mProgress(0.0f), 
                                   mLabel(label), 
                                   mAnimation(new QPropertyAnimation(this, "progress", this) 
    {
        mAnimation->setStartValue(0.0f);
        mAnimation->setEndValue(1.0f);
    }
    void setProgress(float progress) { 
        mProgress = progress;
        QPixmap pix = mOriginalPixmap;
        int offset = - mLabel->width() * (1.0f-progress);
        QPainter painter(&pix);
        painter.paint(off, 0, mNewPixmap);
        painter.end();
        mLabel->setPixmap(pix);
    }
    void setPixmap(const QPixmap& pix) {
        mOriginalPixmap = mLabel->pixmap();
        mNewPixmap = pix;
        mAnimation->start();
    }
};

Answer 2

QLabel 从未设计用于此类用途。在 QGraphicsView 中绘制 QPixmap，它更专注于渲染效果和动画。