第7章Qt5图形视图框架课件.ppt

1、第7章 Qt 5图形视图框架图形视图体系结构图形视图体系结构7.17.2【实例】：图形视图【实例】：图形视图7.1 图形视图体系结构图形视图体系结构7.1.1 Graphics View的特点的特点Graphics View框架结构的主要特点如下。（1）Graphics View框架结构中，系统可以利用Qt绘图系统的反锯齿、OpenGL工具来改善绘图性能。（2）Graphics View支持事件传播体系结构，可以使图元在场景（scene）中的交互能力提高1倍，图元能够处理键盘事件和鼠标事件。其中，鼠标事件包括鼠标按下、移动、释放和双击，还可以跟踪鼠标的移动。（3）在Graphics View框

2、架中，通过二元空间划分树（Binary Space Partitioning，BSP）提供快速的图元查找，这样就能够实时地显示包含上百万个图元的大场景。7.1.2 Graphics View的三元素的三元素它们三者之间的关系如图7.1所示。7.1.2 Graphics View的三元素的三元素1场景类：场景类：QGraphicsScene类类场景类主要完成的工作包括提供对它包含的图元的操作接口和传递事件、管理各个图元的状态（如选择和焦点处理）、提供无变换的绘制功能（如打印）等。事件传播体系结构将场景事件发送给图元，同时也管理图元之间的事件传播。如果场景接收到了在某一点的鼠标单击事件，场景会将事

3、件传给在这一点的图元。管理各个图元的状态（如选择和焦点处理）。可以通过QGraphicsScene: setSelectionArea()函数选择图元，选择区域可以是任意的形状，使用QPainterPath表示。若要得到当前选择的图元列表，则可以使用函数QGraphicsScene: selectedItems()。可以通过QGraphicsScene: setFocusItem()函数或QGraphicsScene: setFocus()函数来设置图元的焦点，获得当前具有焦点的图元使用函数QGraphicsScene:focusItem()。7.1.2 Graphics View的三元素的三

4、元素2视图类：视图类：QGraphicsView类类它提供一个可视的窗口，用于显示场景中的图元。在同一个场景中可以有多个视图，也可以为相同的数据集提供几种不同的视图。QGraphicsView是可滚动的窗口部件，可以提供滚动条来浏览大的场景。如果需要使用OpenGL，则可以使用QGraphicsView:setViewport()将视图设置为QGLWidget。视图接收键盘和鼠标的输入事件，并将它们翻译为场景事件（将坐标转换为场景的坐标）。使用变换矩阵函数QGraphicsView:matrix()可以变换场景的坐标，实现场景缩放和旋转。QGraphicsView提供QGraphicsView

5、:mapToScene()和QGraphicsView: mapFromScene()用于与场景的坐标进行转换。7.1.2 Graphics View的三元素的三元素3图元类：图元类：QGraphicsItem类类QGraphicsItem主要有以下几点功能。 处理鼠标按下、移动、释放、双击、悬停、滚轮和右键菜单事件。 处理键盘输入事件。 处理拖曳事件。 分组。 碰撞检测。7.1.3 GraphicsView的坐标系统的坐标系统1场景坐标场景坐标场景坐标是所有图元的基础坐标系统。场景坐标系统描述了顶层的图元，每个图元都有场景坐标和相应的包容框。场景坐标的原点在场景中心，坐标原点是X轴正方向向右

6、，Y轴正方向向下。QGraphicsScene类的坐标系以中心为原点（0,0），如图7.2所示。7.1.3 GraphicsView的坐标系统的坐标系统2视图坐标视图坐标视图坐标是窗口部件的坐标。视图坐标的单位是像素。QGraphicsView视图的左上角是（0,0），X轴正方向向右，Y轴正方向向下。所有的鼠标事件最开始都是使用视图坐标。QGraphicsView类继承自QWidget类，因此它与其他的QWidget类一样，以窗口的左上角作为自己坐标系的原点，如图7.3所示。7.1.3 GraphicsView的坐标系统的坐标系统3图元坐标图元坐标图元使用自己的本地坐标，这个坐标系统通常以图元

7、中心为原点，这也是所有变换的原点。图元坐标方向是X轴正方向向右，Y轴正方向向下。创建图元后，只需注意图元坐标就可以了，QGraphicsScene和QGraphicsView会完成所有的变换。QgraphicsItem类的坐标系，若在调用QgraphicsItem类的paint()函数重绘图元时，则以此坐标系为基准，如图7.4所示。7.1.3 GraphicsView的坐标系统的坐标系统Graphics View框架提供了多种坐标变换函数，见表7.1。映 射 函 数转 换 类 型QgraphicsView:mapToScene()视图到场景QgraphicsView:mapFromScene(

8、)场景到视图QgraphicsItem: mapFromScene()场景到图元QGraphicsItem: mapToScene()图元到场景QGraphicsItem: mapToParent()子图元到父图元QGraphicsItem: mapFromParent()父图元到子图元QGraphicsItem: mapToItem()本图元到其他图元QGraphicsItem: mapFromItem()其他图元到本图元7.2 【实例】：图形视图【实例】：图形视图7.2.1 飞舞的蝴蝶飞舞的蝴蝶以下是实现上述例子的具体操作步骤。（1）新建Qt Widgets Application（详见1

9、.3.1节），项目名为“Butterfly”，基类选择“QMainWindow”，类名命名默认为“MainWindow”，取消“创建界面”复选框的选中状态。单击“下一步”按钮，最后单击“完成”按钮，完成该项目工程的建立。（2）在“Butterfly”项目名上单击鼠标右键，在弹出的快捷菜单中选择“添加新文件.”菜单项，在弹出的对话框中选择“C+ Class”选项。单击“Choose.”按钮，弹出对话框，在“Base class”后面的下拉列表框中选择基类名“QObject”，在“Class name”后面的文本框中输入类的名称“Butterfly”。（3）单击“下一步”按钮，单击“完成”按钮，添

10、加文件“butterfly.h”和“butterfly. cpp”。7.2.1 飞舞的蝴蝶飞舞的蝴蝶（4）Butterfly类继承自QObject类、QGraphicsItem类，在头文件“butterfly.h”中完成的代码具体内容。（5）在源文件“butterfly. cpp”中完成的代码具体内容如下：#include butterfly.h#include const static double PI=3.1416;Butterfly:Butterfly(QObject *parent) up = true;/给标志蝴蝶翅膀位置的变量赋初值 pix_up.load(up.png);/调用

11、QPixmap的load()函数加载所用到的图片 pix_down.load(down.png); startTimer(100);/启动定时器，并设置时间间隔为100毫秒7.2.1 飞舞的蝴蝶飞舞的蝴蝶boundingRect()函数为图元限定区域范围。此范围是以图元自身的坐标系为基础设定的。具体实现代码内容如下：QRectF Butterfly:boundingRect() const qreal adjust =2; return QRectF(-pix_up.width()/2-adjust,-pix_up.height()/2-adjust, pix_up.width()+adjus

12、t*2,pix_up.height()+adjust*2);7.2.1 飞舞的蝴蝶飞舞的蝴蝶在重画函数paint()中，首先判断当前已显示的图片是pix_up还是pix_down。实现蝴蝶翅膀上下飞舞效果时，若当前显示的是pix_up图片，则重绘pix_down图片，反之亦然。具体实现代码内容如下：void Butterfly:paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget) if(up) painter-drawPixmap(boundingRect().topLeft(),pi

13、x_up); up=!up; else painter-drawPixmap(boundingRect().topLeft(),pix_down); up=!up; 7.2.1 飞舞的蝴蝶飞舞的蝴蝶定时器的timerEvent()函数实现蝴蝶的飞舞，具体实现代码内容如下：void Butterfly:timerEvent(QTimerEvent *) /边界控制 qreal edgex=scene()-sceneRect().right()+boundingRect().width()/2;/限定蝴蝶飞舞的右边界 qreal edgetop=scene()-sceneRect().top()+

14、boundingRect(). height()/2;/限定蝴蝶飞舞的上边界 qreal edgebottom=scene()-sceneRect().bottom()+boundingRect(). height()/2;/限定蝴蝶飞舞的下边界 if(pos().x()=edgex)/若超过了右边界，则水平移回左边界处 setPos(scene()-sceneRect().left(),pos().y(); if(pos().y()sceneRect().bottom(); if(pos().y()=edgebottom)/若超过了下边界，则垂直移回上边界处 setPos(pos().x()

15、,scene()-sceneRect().top(); angle+=(qrand()%10)/20.0; qreal dx=fabs(sin(angle*PI)*10.0); qreal dy=(qrand()%20)-10.0; setPos(mapToParent(dx,dy);/(a)7.2.1 飞舞的蝴蝶飞舞的蝴蝶（6）完成了蝴蝶图元的实现后，在源文件“main.cpp”中将它加载到场景中，并关联一个视图，具体实现代码内容如下：#include #include butterfly.h#include int main(int argc,char* argv) QApplicatio

16、n a(argc,argv); QGraphicsScene *scene = new QGraphicsScene; scene-setSceneRect(QRectF(-200,-200,400,400); Butterfly *butterfly = new Butterfly; butterfly-setPos(-100,0); scene-addItem(butterfly); QGraphicsView *view = new QGraphicsView; view-setScene(scene); view-resize(400,400); view-show(); return

17、 a.exec();7.2.1 飞舞的蝴蝶飞舞的蝴蝶（7）运行程序，将程序中用到的图片保存到该工程的D:QtCH7CH701 build-Butterfly-Desktop_Qt_5_4_0_MinGW_32bit-Debug文件夹中，运行结果如图7.5所示。7.2.2 地图浏览器地图浏览器 通过实现一个地图浏览器的基本功能（包括地图的浏览、放大、缩小，以及显示各点的坐标等）的例子，如图7.6所示，介绍如何使用Graphics View框架。实例文件见光盘CH702。7.2.2 地图浏览器地图浏览器 以下是实现这个例子的具体操作步骤。（1）新建Qt Widgets Application （详

18、见1.3.1节），项目名称为“MapWidget”，基类选择“QMainWindow”，类名命名默认为“MainWindow”，取消“创建界面”复选框的选中状态。单击“下一步”按钮，最后单击“完成”按钮，完成该项目工程的建立。（2）在“MapWidget”项目名上单击鼠标右键，在弹出的快捷菜单中选择“添加新文件.”菜单项，在弹出的对话框中选择“C+ Class”选项。单击“Choose.”按钮，弹出对话框，在“Base class”后面的下拉列表框中输入基类名“QGraphicsView”（手工添加），在“Class name”后面的文本框中输入类的名称“MapWidget”。7.2.2 地图

19、浏览器地图浏览器 （3）单击“下一步”按钮，单击“完成”按钮，添加文件“mapwidget.h”和文件“mapwidget.cpp”。（4）MapWidget类继承自QGraphicsView类，作为地图浏览器的主窗体。在头文件“mapwidget.h”中完成的代码。（5）在源文件“mapwidget.cpp”中完成的代码。（6）新建一个文本文件“maps.txt”，利用该文本文件描述与地图相关的信息，将该文件保存在该工程下的D:QtCH7CH702 build-MapWidget-Desktop_Qt_5_ 4_0_ MinGW_32bit-Debug文件中，文件内容为：China.jpg

20、114.4665527 35.96022297 119.9597168 31.39115757.2.2 地图浏览器地图浏览器 （7）打开“mapwidget.cpp”文件，添加读取地图信息readMap()函数的具体实现代码如下：void MapWidget:readMap() /读取地图信息 QString mapName; QFile mapFile(maps.txt);/(a) int ok = mapFile.open(QIODevice:ReadOnly);/以“只读”方式打开此文件 if(ok)/分别读取地图的名称和四个经纬度信息 QTextStream ts(&mapFile);

21、 if(!ts.atEnd() tsmapName; tsx1y1x2y2; map.load(mapName);/将地图读取至私有变量map中7.2.2 地图浏览器地图浏览器 根据缩放滑动条的当前值，确定缩放的比例，调用scale()函数实现地图缩放。完成地图缩放功能的slotZoom()函数的具体实现代码内容如下：void MapWidget:slotZoom(int value) /地图缩放 qreal s; if(valuezoom) /放大 s=pow(1.01,(value-zoom); else /缩小 s=pow(1/1.01,(zoom-value); scale(s,s);

22、 zoom = value;7.2.2 地图浏览器地图浏览器 QGraphicsView类的drawBackground()函数中以地图图片重绘场景的背景来实现地图显示。具体实现代码。void MapWidget:drawBackground(QPainter *painter, const QRectF &rect) painter-drawPixmap(int(sceneRect().left(),int(sceneRect(). top(), map);7.2.2 地图浏览器地图浏览器 响应鼠标移动事件mouseMoveEvent()函数，完成某点在各层坐标中的映射及显示。具体实现代码如

23、下：void MapWidget:mouseMoveEvent(QMouseEvent *event) /QGraphicsView 坐标 QPoint viewPoint = event-pos(); viewCoord-setText(QString:number(viewPoint.x()+,+ QString:number(viewPoint.y(); /QGraphicsScene 坐标 QPointF scenePoint = mapToScene(viewPoint); sceneCoord-setText(QString:number(scenePoint.x()+,+ QSt

24、ring:number(scenePoint.y(); /地图坐标(经、纬度值) QPointF latLon = mapToMap(scenePoint); mapCoord-setText(QString:number(latLon.x()+,+ QString:number(latLon.y();7.2.2 地图浏览器地图浏览器 完成从场景坐标至地图坐标的转换mapToMap()函数。具体实现代码如下：QPointF MapWidget:mapToMap(QPointF p) QPointF latLon; qreal w =sceneRect().width(); qreal h =s

25、ceneRect().height(); qreal lon = y1-(h/2+p.y()*abs(y1-y2)/h); qreal lat = x1+(w/2+p.x()*abs(x1-x2)/w); latLon.setX(lat); latLon.setY(lon); return latLon;7.2.2 地图浏览器地图浏览器 （8）下面是文件“main.cpp”的具体代码：#include #include mapwidget.h#include int main(int argc, char *argv) QApplication a(argc, argv); QFont fon

26、t(ARPL KaitiM GB,12); font.setBold(true); a.setFont(font); MapWidget mapWidget; mapWidget.show(); return a.exec();（9）将程序用到的图片保存到该工程的D:QtCH7CH702 build-MapWidget- Desktop_Qt_5_4_0_MinGW_32bit-Debug文件夹中，运行结果如图7.6所示。7.2.3 图元创建图元创建通过实现一个在其中显示各种类型QGraphicsItem的窗体例子（如图7.7所示），介绍如何使用Qt预定义的各种标准的QGraphicsItem

27、类型（如QGraphicsEllipseItem、QGraphicsRectItem等），以及自定义的QGraphicsItem类型（如本例中不停闪烁的圆及来回移动的星星等）来创建图元。实例文件见光盘CH703。7.2.3 图元创建图元创建以下是实现这个例子的具体操作步骤。（1）新建Qt Widgets Application（详见1.3.1节），项目名称为“GraphicsItem”，基类选择“QMainWindow”，类名命名默认为“MainWindow”，取消“创建界面”复选框的选中状态。单击“下一步”按钮，最后单击“完成”按钮，完成该项目工程的建立。（2）MainWindow类继承自Q

28、MainWindow作为主窗体，包含一个加入图元的各种操作的菜单栏，以及一个显示各种类型图元的QGraphicsView作为主窗体的centralWidget。“mainwindow.h”文件的具体代码实现内容。（3）“mainwindow.cpp”文件中的代码。7.2.3 图元创建图元创建（4）将程序中所用图片保存到该工程的D:QtCH7CH703build-GraphicsItem- Desktop_Qt_5_4_0_MinGW_32bit-Debug文件夹下，此时运行效果如图7.8所示。7.2.3 图元创建图元创建以上完成了主窗体的显示工作，下面介绍如何实现圆的闪烁功能。 （1）在“Gr

29、aphicsItem”项目名上单击鼠标右键，在弹出的快捷菜单中选择“添加新文件.”菜单项，在弹出的对话框中选择“C+ Class”选项。单击“Choose.”按钮，弹出对话框，在“Base class”后面的下拉列表框中选择基类名“QObject”，在“Class name”后面的文本框中输入类的名称“FlashItem”。FlashItem类继承自QGraphicsItem类和QObject类，闪烁效果是通过利用定时器的timerEvent()函数定时重画圆的颜色来实现的。（2）单击“下一步”按钮，单击“完成”按钮，添加文件“flashitem.h”和文件“flashitem.cpp”。7.

30、2.3 图元创建图元创建（3）“flashitem.h”文件的具体代码如下：#include #include class FlashItem : public QObject,public QGraphicsItem Q_OBJECTpublic: explicit FlashItem(QObject *parent = 0); QRectF boundingRect() const; void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget); void timerEvent(

31、QTimerEvent *);private: bool flash; QTimer *timer;signals:public slots:;7.2.3 图元创建图元创建（4）“flashitem.cpp”文件的具体代码如下：#include flashitem.hFlashItem:FlashItem(QObject *parent) : QObject(parent) flash=true;/为颜色切换标识赋初值 setFlag(ItemIsMovable);/(a) startTimer(1000);/启动一个定时器，以1000毫秒为时间间隔7.2.3 图元创建图元创建定义图元边界的函

32、数boundingRect()，完成以图元坐标系为基础，增加两个像素点的冗余工作。具体实现代码如下：QRectF FlashItem:boundingRect() const qreal adjust = 2; return QRectF(-10-adjust,-10-adjust,43+adjust,43+adjust);7.2.3 图元创建图元创建为自定义图元重绘的函数paint()具体实现代码如下：void FlashItem:paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget)

33、 painter-setPen(Qt:NoPen);/闪烁图元的阴影区不绘制边线 painter-setBrush(Qt:darkGray);/闪烁图元的阴影区的阴影画刷颜色为深灰 painter-drawEllipse(-7,-7,40,40); /绘制阴影区 painter-setPen(QPen(Qt:black,0);/闪烁区的椭圆边线颜色为黑色、线宽为0 painter-setBrush(flash?(Qt:red):(Qt:yellow);/(a) painter-drawEllipse(-10,-10,40,40);/(b)7.2.3 图元创建图元创建定时器响应函数timerEv

34、ent()完成颜色切换标识的反置，并在每次反置后调用update()函数重绘图元以实现闪烁的效果。具体实现代码如下：void FlashItem:timerEvent(QTimerEvent *) flash=!flash; update();7.2.3 图元创建图元创建（5）在“mainwindow.h”文件中添加代码如下：public slots: void slotAddFlashItem();private: QAction *addFlashItemAct;7.2.3 图元创建图元创建（6）在“mainwindow.cpp”文件中添加代码如下：#include flashitem.h

35、其中，其中，在createActions()函数中添加代码如下：addFlashItemAct = new QAction(tr(加入闪烁圆),this);connect(addFlashItemAct,SIGNAL(triggered(),this,SLOT(slotAddFlashItem();在createMenus()函数中添加代码如下：itemsMenu-addAction(addFlashItemAct);在initScene()函数中添加代码如下：for(i=0;iaddItem(item); item-setPos(qrand()%int(scene-sceneRect().w

36、idth()-200, (qrand()%int(scene-sceneRect().height()-200);7.2.3 图元创建图元创建（7）运行效果如图7.9所示。7.2.3 图元创建图元创建下面将接着完成实现星星移动的功能。（1）向项目中添加一个新的C+类，类名命名为“StartItem”，操作步骤同前。StartItem类继承自QGraphicsItem类，实际上是一个图片图元。“startitem.h”文件的具体代码如下：#include #include class StartItem : public QGraphicsItempublic: StartItem(); QRe

37、ctF boundingRect() const; void paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidget *widget);private: QPixmap pix;7.2.3 图元创建图元创建（2）StartItem构造函数中仅完成读取图片信息的工作。“startitem.cpp”文件中的具体代码如下：#include startitem.hStartItem:StartItem() pix.load(star.png);定义图元的边界函数boundingRect()，所有自定义图元均必须实

38、现的函数，代码如下：QRectF StartItem:boundingRect() const return QRectF(-pix.width()/2,-pix.height()/2,pix.width(),pix. height();自定义图元重绘函数paint()，代码如下：void StartItem:paint(QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget) painter-drawPixmap(boundingRect().topLeft(),pix);7.2.3 图元创建图元创建

39、（3）在“mainwindow.h”文件中添加代码如下：public slots: void slotAddAnimationItem();private: QAction *addAnimItemAct;7.2.3 图元创建图元创建（4）在“mainwindow.cpp”文件中添加代码如下：#include startitem.h#include #include 其中，其中，在createActions()函数中添加代码如下：addAnimItemAct = new QAction(tr(加入 星星),this);connect(addAnimItemAct,SIGNAL(triggere

40、d(),this,SLOT(slotAddAnimationItem();在createMenus()函数中添加代码如下：itemsMenu-addAction(addAnimItemAct);在initScene()函数中添加代码如下：for(i=0;isetItem(item); QTimeLine *timeLine = new QTimeLine(4000); timeLine-setCurveShape(QTimeLine:SineCurve); timeLine-setLoopCount(0); anim-setTimeLine(timeLine); int y =(qrand()

41、%400)-200; for(int i=0;isetPosAt(i/400.0,QPointF(i-200,y); timeLine-start(); scene-addItem(item);（5）最终运行结果如图7.7所示，图中的小星星会不停地左右移动。7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移通过此实例介绍如何实现图元（QGraphicsItem）的旋转、缩放、切变及位移等各种变形操作，如图7.10所示。实例文件见光盘CH704。7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移（1）新建Qt Widgets Application（详见1.3

42、.1节），项目名称为“ItemWidget”，基类选择“QWidget”，类名命名为“MainWidget”，取消“创建界面”复选框的选中状态。单击“下一步”按钮，最后单击“完成”按钮，完成该项目工程的建立。（2）MainWidget类继承自QWidget，作为主窗体类，用于对图元的显示，包含一个控制面板区及一个显示区。7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移“mainwidget.h”文件中的代码如下：#include #include #include #include class MainWidget : public QWidget Q_OBJECTpubl

43、ic: MainWidget(QWidget *parent = 0); MainWidget(); void createControlFrame();private: int angle; qreal scaleValue; qreal shearValue; qreal translateValue; QGraphicsView *view; QFrame *ctrlFrame;7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移（3）“mainwidget.cpp”文件中的具体代码。右侧的控制面板区分为旋转控制区、缩放控制区、切变控制区及位移控制区，每个区均由包含一个Q

44、Slider对象的QGroupBox对象实现，具体实现代码。（4）运行效果如图7.11所示。7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移上面完成的是主窗体的功能，下面介绍用于变形显示的图元的制作。（1）在“ItemWidget”项目名上单击鼠标右键，在弹出的快捷菜单中选择“添加新文件.”菜单项，在弹出的对话框中选择“C+ Class”选项。单击“Choose.”按钮，弹出对话框，在“Base class”后面的下拉列表框中输入基类名“QGraphicsItem”（手工添加），在“Class name”后面的文本框中输入类的名称“PixItem”。（2）单击“下一步”按钮

45、，单击“完成”按钮，添加文件“pixitem.h”和文件“pixitem.cpp”。7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移（3）自定义PixItem类继承自QGraphicsItem类。“pixitem.h”文件中的具体代码如下：#include #include #include class PixItem : public QGraphicsItempublic: PixItem(QPixmap *pixmap); QRectF boundingRect() const; void paint(QPainter *painter, const QStyleOp

46、tionGraphicsItem *option, QWidget *widget);private: QPixmap pix; /作为图元显示的图片;7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移（4）PixItem的构造函数只是初始化了变量pix。“pixitem.cpp”文件中的具体内容如下：#include pixitem.hPixItem:PixItem(QPixmap *pixmap) pix = *pixmap;定义图元边界的函数boundingRect()，完成以图元坐标系为基础增加两个像素点的冗余的工作。具体实现代码如下：QRectF PixItem:b

47、oundingRect() const return QRectF(-2-pix.width()/2,-2-pix.height()/2,pix.width()+4, pix. height()+4);重画函数只需QPainter的drawPixmap()函数将图元图片绘出即可。具体代码如下：void PixItem:paint(QPainter *painter, const QStyleOptionGraphicsItem *option,QWidget *widget) painter-drawPixmap(-pix.width()/2,-pix.height()/2,pix);7.2.

48、4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移（5）在“mainwidget.h”文件中添加代码如下：#include pixitem.hprivate:PixItem *pixItem;（6）打开“mainwidget.cpp”文件，在语句scene-setSceneRect(-200,-200,400,400)与view = new QGraphicsView之间添加如下代码：QPixmap *pixmap = new QPixmap(image.png);pixItem = new PixItem(pixmap);scene-addItem(pixItem);pixItem

49、-setPos(0,0);7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移（7）运行效果如图7.12所示。7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和位移上述内容只是完成了图元图片的加载显示。下面介绍实现图元的各种变形的实际功能。（1）在“mainwidget.h”文件中添加槽函数声明如下：public slots: void slotRotate(int); void slotScale(int); void slotShear(int); void slotTranslate(int);7.2.4 图元的旋转、缩放、切变和位移图元的旋转、缩放、切变和

50、位移（2）在“mainwidget.cpp”文件中添加头文件：#include 其中，其中，在createControlFrame()函数中的QVBoxLayout *frameLayout=new QVBoxLayout语句之前添加以下代码：connect(rotateSlider,SIGNAL(valueChanged(int),this,SLOT(slotRotate(int);connect(scaleSlider,SIGNAL(valueChanged(int),this,SLOT(slotScale(int);connect(shearSlider,SIGNAL(valueChan