1

我正在尝试围绕 Qt 中的固定点制作一条线。我假设我需要使用QPropertyAnimation该类来执行此操作,但无法确定要使用哪个属性。

为了清楚起见,这就是我想要做的。

|        (5, 10)
|       /
|      /
|     /
|    /          (10, 5)   
|   /          .
|  /
| /           
|/
|--------------------------
 ^
 |---(0,0)

给定 (x1, y1) = (0, 0) & (x2, y2) = (5, 10),这将是动画的第一帧。然后我想从(x1,y1),(x2,y2),((x1,y1)是线的一端,(x2,y2)是另一端)到(x1)做一个平滑的动画, y1), (x3, y3),其中 (x3, y3) = (10, 5)。类似于时钟指针的动画方式。在有人发布模拟时钟pixmap示例之前,它使用了我不需要的旋转。

我没有找到很多关于 Qt 动画的信息,只有很多基本的 GUI 教程。

我尝试过以下操作

QPropertyAnimation *anim = new QPropertyAnimation(widget, "geometry")

这种方法的问题在于,在这种技术中,小部件使用 ->setStartValue(startX, startY, ...) 在基于小部件的 (0, 0) 的 2 个点之间移动,并且不允许我保留一个我的线在一个固定点。

QPropertyAnimation *anim = new QPropertyAnimation(widget, "rotation")

这种方法的问题类似于几何,因为它沿着 (0, 0) 点旋转所述小部件。

有人可以告诉我如何达到预期的效果吗?

谢谢。

4

1 回答 1

0

QGraphicsXXXItem不支持 q-properties,因此不能QPropertyAnimation直接使用。所以解决方案是创建一个继承QObjectand的类QGraphicsLineItem,另外我们必须添加一个 q-property 来处理与行关联的p2位置,QLineF如下所示:

lineitem.h

#ifndef LINEITEM_H
#define LINEITEM_H

#include <QGraphicsLineItem>
#include <QObject>

class LineItem: public QObject, public QGraphicsLineItem {
    Q_OBJECT
    Q_PROPERTY(QPointF p1 READ p1 WRITE setP1)
    Q_PROPERTY(QPointF p2 READ p2 WRITE setP2)

public:
    using QGraphicsLineItem::QGraphicsLineItem;

    QPointF p1() const {
        return  line().p1();
    }

    void setP1(const QPointF & p){
        QLineF l = line();
        l.setP1(p);
        setLine(l);
    }

    QPointF p2() const {
        return  line().p2();
    }

    void setP2(const QPointF & p){
        QLineF l = line();
        l.setP2(p);
        setLine(l);
    }
};

#endif // LINEITEM_H

主文件

#include "lineitem.h"

#include <QApplication>
#include <QGraphicsView>
#include <QPropertyAnimation>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QGraphicsScene scene(-100, -100, 200, 200);
    QGraphicsView view(&scene);

    QGraphicsLineItem *item = scene.addLine(QLine(0, 100, 100, 0));
    item->setPen(QPen(Qt::red, 5));

    LineItem *lineItem = new LineItem(QLineF(QPointF(0, 0), QPointF(0, 100)));
    scene.addItem(lineItem);
    lineItem->setPen(QPen(Qt::green, 2));

    QPropertyAnimation *anim = new QPropertyAnimation(lineItem, "p2");
    anim->setStartValue(QPointF(0, 100));
    anim->setEndValue(QPointF(100, 0));
    anim->setDuration(2000);
    anim->start();

    view.resize(640, 480);
    view.show();
    return a.exec();
}

另一种方法是使用 QVariantAnimation:

#include <QApplication>
#include <QGraphicsView>
#include <QPropertyAnimation>
#include <QGraphicsLineItem>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QGraphicsScene scene(-100, -100, 200, 200);
    QGraphicsView view(&scene);

    scene.addLine(QLine(0, 100, 100, 0), QPen(Qt::green));

    QGraphicsLineItem *item = scene.addLine(QLine(0, 0, 0, 100));
    item->setPen(QPen(Qt::red, 5));

    QVariantAnimation * anim = new QVariantAnimation(&scene);
    anim->setStartValue(QPointF(0, 100));
    anim->setEndValue(QPointF(100, 0));
    anim->setDuration(2000);
    anim->start();

    QObject::connect(anim, &QVariantAnimation::valueChanged, [item](const QVariant & val){
        QLineF l = item->line();
        l.setP2(val.toPointF());
        item->setLine(l);
    });

    view.resize(640, 480);
    view.show();
    return a.exec();
}
于 2018-07-20T14:34:09.547 回答