文章目錄

• Qt基于QGraphicsObject自定義圖元并實現簡單的動畫
• • 舉例;

Qt基于QGraphicsObject自定義圖元并實現簡單的動畫

Qt 圖形的繪制 可以是QPainter方法直接繪制，另一種方法就是通過繼承QGraphicsItem類來定制自己的圖元類，這樣就可以根據自己的需求來制作它的形狀、顏色、屬性以及交互等。但是這樣的圖元會存在一個缺點，那就是不能使用Qt的信號/槽機制，也不能使用Qt屬性系統，也不能使用Qt的動畫框架實現動畫。

在Qt已經考慮到了這些問題，QGraphicsObject應運而生。QGraphicsObject同時繼承于QObject和QGraphicsItem。這樣自定義圖元既可以獲得QGraphicsItem中寫好的圖元特性又能使用信號/槽機制方便信息傳遞，還可以使用Qt的動畫框架。

動畫框架的好處在于，在單線程的UI設計中，可以實現不同的圖元的各自的動畫效果。

舉例;

實現這樣的效果：在場景中添加自定義圖元，利用QQPropertyAnimation 動畫框架實現動畫。

過程：

1、新建一個的項目，命名可以自定義 如graphicObjectDemo。
2、添加類tagObject ：

注意:如果該類要使用信號機制，記得一定要勾選include QObject、Add Q_OBJECT 。

改寫 tagObject.cpp

#include "tagobject.h" #include <QPainter>tagObject::tagObject() {brushColor = Qt::lightGray;setFlag(QGraphicsItem::ItemIsFocusable);setFlag(QGraphicsItem::ItemIsMovable); }QRectF tagObject::boundingRect() const {qreal adjust = 0.5;return QRectF(-25 - adjust, -25 - adjust,50 + adjust, 50 + adjust); }void tagObject::paint(QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget) {painter->setBrush(brushColor);// 各個點的坐標static const QPointF points[3] = {QPointF(-8, 8), QPointF(8, 8), QPointF(0,-8)};painter->drawPolygon(points, 3);}

tagOBject.h

#ifndef TAGOBJECT_H #define TAGOBJECT_H#include <QObject> #include<QGraphicsObject>class tagObject:public QGraphicsObject {Q_OBJECT public:tagObject();QRectF boundingRect() const;void paint(QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget);void setColor(const QColor &color) { brushColor = color; }QColor brushColor;};

改寫mainwindows.cpp 函數，主要是完成如下幾個任務創建場景，創建視圖，添加圖元，加載動畫。具體代碼如下：

#include "mainwindow.h" #include "ui_mainwindow.h" #include "tagobject.h" #include <QGraphicsView> #include <QGraphicsScene> #include <QAbstractAnimation> #include<QPropertyAnimation>MainWindow::MainWindow(QWidget *parent): QMainWindow(parent), ui(new Ui::MainWindow) {ui->setupUi(this);QGraphicsView *graphicsView = new QGraphicsView() ; //新建一個視圖setCentralWidget(graphicsView);//新建一個場景，并將這個場景可視QGraphicsScene *_scene = new QGraphicsScene(this); // 新建一個場景_scene->setItemIndexMethod(QGraphicsScene::NoIndex);graphicsView->setScene(_scene); graphicsView->show();tagObject *tg = new tagObject(); //創建圖元對象tg->setColor(QColor(100,100,250)); // 設置顏色_scene->addItem(tg); //將圖元添加到場景中//加載動畫機制，實現動畫QPropertyAnimation * animation1 = new QPropertyAnimation(tg,"pos");animation1->setDuration(2000);animation1->setStartValue(QPoint(0, 0));animation1->setEndValue(QPoint(300, 300));animation1->setEasingCurve(QEasingCurve::OutQuad);animation1->start(QAbstractAnimation::KeepWhenStopped); }MainWindow::~MainWindow() {delete ui; }

總結: Qt動畫機制使用還是很簡單。在項目中，為了實現更好的UI效果，往往會用到它。

總結

以上是生活随笔為你收集整理的Qt基于QGraphicsObject自定义图元并实现简单的动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。