QGraphicsView图形视图框架使用(六)图元动画

最新推荐文章于 2024-05-11 13:13:36 发布
最新推荐文章于 2024-05-11 13:13:36 发布
阅读量2.2k 收藏 34
点赞数 4
分类专栏： QT+QML 文章标签： qt 2D绘图 图形视图框架 动画特效 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yang1fei2/article/details/125900175
版权

文章目录


之前的图形框架应用中用到的图元都是静态的，在实际开发过程中纯静态的图元肯定是不够用的，特别是在一些2D游戏类的应用中，很多图元都是动态的。这里就介绍一下在图形视图框架应用中如何实现图元动画，图元动画主要的实现方法有三种，分别如下:
1.使用定时器
2.使用动画框架
3.调用Scene的advance()方法

下面以一个例子分别说明一下三种方法如何实现。在实现图元动画之前我们先创建一个自定义背景和一个用来执行动画的图元。

创建基本元素

用来演示的图元以一条自定义的鱼为例，对应的实现如下:

//fish.h
#ifndef Fish_H
#define Fish_H

#include <QGraphicsP
了解本专栏 订阅专栏 解锁全文 超级会员免费看
码农飞飞
关注
  • 4
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
订阅专栏
QGraphicsView教程
心向阳光，斗志昂扬！
02-08 6200
简介 Graphics View 提供了一个用于管理和交互大量的可定制的 2D 图形项与用于可视化这些项的 View 小部件的 surface（曲面），并提供缩放（zooming）和旋转（rotation）功能支持。 该框架包括事件传播体系结构（an event propagation architecture），该体系结构允许对场景中的项目进行精确的双精度交互功能。图元可以被如下操作处理：按键事件，鼠标按下，移动，释放和双击事件，它们还可以跟踪鼠标的移动。 Graphics View 使用 BSP（Bi
QGraphicsView使用范例汇总：入门篇
阿呆
02-28 679
对于自定义的图元需要注意的是1）如果需要使用Qt的特性，在多重继承当中，一定要将QObject写在QGraphicsItem前面：class CustomItem: public QObject, public QGraphicsItem2）相关的函数需要重载：boundingRect和paint(QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget)
QGraphicsView实现简易地图13『平移与偏移-动画效果』
最新发布
浮生流年的博客
05-11 242
QGraphicsView实现简易地图13『平移与偏移-动画效果』
QGraphicsView入门学习
Yanjun2i的博客
07-11 2311
QGraphicsView的一些基础知识整理
Qt之QGraphicsView入门篇
热门推荐
billy的博客
04-05 7万+
作者：billy 版权声明：著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处 https://www.jianshu.com/p/e010be59f762 https://www.xuebuyuan.com/991404.html https://baijiahao.baidu.com/s?id=1631213688985324831&wfr=spider&for...
【QT学习】Graphics View框架（高阶篇）- 使用Graphics View框架创建开机动画
孤生i的博客
09-19 1612
通过对图元、场景和视图进行综合运用，使用Graphics View框架创建一个开机动画。
QGraphicsView架构实现基本图形的绘制
05-07
1：实现了基本的图形：矩形、正方形、圆形、三角形、多线段、曲线的绘制 2：鼠标实时绘制图形。鼠标按下后开始绘制，再次按下后停止绘制。 3：图形的拖拽、删除、撤销操作 4：曲线图形实时绘制。
将SVG矢量图显示在Qt的QGraphicsView视图框架上
01-16
将SVG矢量图显示在Qt的QGraphicsView视图框架上，具有通过QDomDocument、QDomElement、QDomNode、QDomNameNodeMap等对象来解析svg并修改svg来实现矢量图的部分内容缩放，部分内容不缩放的功能。
Qt图形视图框架详解
06-09
涉及View、Scene、Item的关系，如何自定义QGraphicsItem、处理Item之间的关联、如何布局及定义自己的布局Item、如何变幻Item、如何应用动画、如何处理拖放、如何给Item应用图形效果，提供拼图游戏、画板两个有用的...
QGraphicsItem自定义图元，拖动绘制，拖动拉伸缩放图元
08-13
在Qt库中，`QGraphicsItem`是图形界面（GUI）编程中的一个重要组件，它用于在`QGraphicsView`或`QGraphicsScene`中创建可交互的2D图形元素。本示例着重介绍如何自定义`QGraphicsItem`实现拖动绘制、拖动以及拉伸缩放...
QGraphicsView框架容易忽视的坐标问题-“画布”QgraphicsScene到底放在了哪儿？
05-31
例如，如果在QGraphicsScene中添加了一个新的图形元素，必须确保调用了update()或repaint()方法来通知QGraphicsView刷新视图。同样，如果改变了QGraphicsScene的大小，也需要更新QGraphicsView以适应新的场景尺寸。 ...
QGraphicsView简单使用
m0_37837218的博客
10-11 3152
自定义Item,点 // cgraphicsitem.h #ifndef CGRAPHICSITEM_H #define CGRAPHICSITEM_H #include <QGraphicsItem> #include <QGraphicsSceneMouseEvent> class CGraphicsItem : public QGraphicsItem { public: CGraphicsItem(QPointF p,QGraphicsItem* parent =
QGraphicsView图形视图框架使用(二)图形交互
yang1fei2的博客
07-09 4011
在开发基于图形视图框架QGraphicsView的应用的时候，其中很重要的一部分工作就是处理与框架中图元的交互。这也是最让人头疼的。这里就介绍一下与Item交互过程中那些常见的操作。
自定义QGraphicsItem、QGraphicsView绘制运动轨迹
m0_37116300的博客
11-12 3162
QGraphicsItem、QGraphicsView、QGraphicsScene 文章目录QGraphicsItem、QGraphicsView、QGraphicsScene前言一、自定义QGraphicsItem二、自定义QGraphicsView样例总结 前言 使用QGraphicsItem、QGraphicsScene、QGraphicsView。主要功能，实现地图的放大、缩小、复位和运动轨迹的显示和清除，根据运动轨迹旋转图片 一、自定义QGraphicsItem 代码如下 graphics
【QT】图形视图、动画框架
半生瓜のblog
03-29 1406
Qt图形视图框架、动画框架 Qt提供了图形视图框架（GraphicsView Framework）、动画框架（The Animation Framework）、状态机框架（The State Machine Framework）来实现更加高级的图形与动画应用。使用这些框架可以快速设计出动态GUI应用和各种动画、游戏程序。 图形视图框架提供了基于图像项模型的模型视图编程方法，主要由场景、视图和图形项这三部分组成，这三部分分别由QGraphicsScene、QGraphicsView、QGraphicsItem
QT入门(六) GraphicsView控件的使用
十方御道的博客
11-22 2万+
       GraphicsView框架结构主要包括三个类：QGraphicsScene（场景）、QGraphicsView（视图）、QGraphicsItem（图元）。        主要应用方式是：GraphicsView绘图时首先创建一个场景，然后创建图元对象（如一个直线对象、一个多边形对象），再使用场景的add()函数，将图元对象添加到场景中，最后通过视图进行显示，部分代码如下： ...
PySide6————QtWidgets.QGraphicsView、QtWidgets.QGraphicsView、QtWidgets.QGraphicsItem教程
dbfgngb的博客
10-23 935
可以按照以下方式简单理解 QGraphicsItem、QGraphicsScene、QGraphicsView 三者的关系：QGraphicsItems：图形项目（直线、矩形、文本、自定义图形）QGraphicsScene：场景QGraphicsView ：视口QGraphicsItem 表示图形项目作为的容器，与一起用于在二维平面上可视化整个场景，也可以放大并仅查看场景的一部分。")
QGraphicsView框架下，图元的操作（缩放，平移，旋转
05-09
在 QGraphicsView 框架下，可以通过以下方式实现图元的操作： 1. 缩放：可以通过 QGraphicsView 的 `scale()` 方法对视图进行缩放，也可以通过 QGraphicsItem 的 `setScale()` 方法对单个图元进行缩放。 ```python # 对视图进行缩放 view.scale(0.5, 0.5) # 对图元进行缩放 item.setScale(0.5) ``` 2. 平移：可以通过 QGraphicsView 的 `translate()` 方法对视图进行平移，也可以通过 QGraphicsItem 的 `setPos()` 方法对单个图元进行平移。 ```python # 对视图进行平移 view.translate(-100, -100) # 对图元进行平移 item.setPos(100, 100) ``` 3. 旋转：可以通过 QGraphicsView 的 `rotate()` 方法对视图进行旋转，也可以通过 QGraphicsItem 的 `setRotation()` 方法对单个图元进行旋转。 ```python # 对视图进行旋转 view.rotate(45) # 对图元进行旋转 item.setRotation(45) ``` 需要注意的是，上述方法都是对视图或图元进行临时性的操作，如果需要永久性地改变图元的状态，需要在图元的类中实现相应的方法。另外，对于旋转操作，需要注意旋转中心点的位置，可以通过 QGraphicsItem 的 `setTransformOriginPoint()` 方法设置旋转中心点。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农飞飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值