Qt学习笔记--图形视图框架讲课讲稿.doc

《Qt学习笔记--图形视图框架讲课讲稿.doc》由会员分享，可在线阅读，更多相关《Qt学习笔记--图形视图框架讲课讲稿.doc（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Good is good, but better carries it.精益求精，善益求善。Qt学习笔记-图形视图框架-Qt学习笔记-图形视图框架（一）2010-07-1107:40优点：处理多个图元，单击，拖动，选择图元架构：一个场景，多个图元位于其中，通过视图显示主要应用:绘图软件，显示地图软件当使用没有变换的视图观察场景时，场景中的一个单元对应屏幕上的一个像素图元坐标通常以图元中心为原点，X轴正方向为向右，Y轴正方向为向下场景坐标的原点在场景中心，X轴正方向为向右，Y轴正方向为向下视图坐标以左上角为原点，X轴正方向为向右，Y轴正方向为向下所有的鼠标事件最开始都是使用视图坐标场景：图元的容

2、器1.提供管理很多图元的接口2.传播事件到图元中3.管理图元状态，例如选择和焦点处理4.提供非转换的绘制功能，主要用于打印QGraphicsScenescene;QGraphicsRectItem*rect=scene.addRect(QRectF(0,0,100,100);/添加图元QGraphicsItem*item=scene.itemAt(50,50);/查询图元/item=rect；通过QGraphicsScene:setSelectionArea()可以选择场景的任一个图元，QGraphicsScene:setSelectedItems()返回被选择的图元设置焦点图元QGraphi

3、csScene:setFocusItem(),setFocus(),QGraphicsScene:focusItem(),返回焦点图元视图：一个可视的子部件，可视化场景的内容多个视图可以显示同一个场景坐标转换：QGraphicsView:mapToScene(),QGraphicsView:mapFromScene()图元：支持鼠标事件，滚轮事件，上下文菜单事件支持键盘输入焦点，按键事件支持拖放支持分组冲突探测提供坐标转换，图元与场景，图元与图元之间利用QGraphicsItem:shape()和QGraphicsItem:collidesWith()实现冲突探测，这2个函数都是虚函数相关类：

4、QGraphicsScene,QGraphicsItem,QGraphicsViewQGraphicsItem子类：QGraphicsEllipseItemprovidesanellipseitemQGraphicsLineItemprovidesalineitemQGraphicsPathItemprovidesanarbitrarypathitemQGraphicsPixmapItemprovidesapixmapitemQGraphicsPolygonItemprovidesapolygonitemQGraphicsRectItemprovidesarectangularitemQGra

5、phicsSimpleTextItemprovidesasimpletextlabelitemQGraphicsTextItemprovidesanadvancedtextbrowseritemQGraphicsSvgItemprovidesaSVGfileitemQGraphicsScene:拥有多个图元，包含三层：背景层，图元层，前景层背景层和前景层可以使用QBrush绘制，也可以使用drawBackground(),drawForeground()实现如果使用图片作为背景，可以用textureQBrush(pixmap)实现前景层brush可以使用半透明的白色实现褪色效果，或者使用交叉模

6、式实现网格重叠场景可以告诉我们，哪些图元发生冲突，哪些图元被选择，哪些图元位于一个特定的点或者区域每个图元可以是：1.顶级图元，场景是它的父亲；2.孩子，它的父亲是另一个图元，任何作用于父图元的转换都将自动应用于它的孩子2种分组方式：1.一个图元成为另一个图元的孩子；2.使用QGraphicsItemGroup。使用分组，可以使位于同一个组的所有图元的操作都相同QGraphicsView:是一个Widget，用于显示一个场景，提供滚动条功能和转换功能，可以缩放和旋转场景。默认使用内建的2D画图引擎，可以使用OpenGL：在构造后，调用setViewport()坐标系统：使用3种坐标系统：vie

7、wport,scene,itemviewport:位于QGraphicsView内部scene:逻辑坐标用于定位顶级图元item:与图元相关，以图元的(0,0)为中心，移动图元时，它的坐标不会改变实践中，主要关注场景坐标（定位顶级图元）和图元坐标（定位子图元和绘制图元）在图元自己的坐标系统里面绘图意味着我们不用担心它在场景中的位置和应用于它的坐标转换Demo：/主要特点：/上下文菜单,右键菜单/copy-paste方法/diagram.proTEMPLATE=appHEADERS=diagramwindow.hlink.hnode.hpropertiesdialog.hSOURCES=diag

8、ramwindow.cpplink.cppmain.cppnode.cpppropertiesdialog.cppFORMS=propertiesdialog.uiRESOURCES=resources.qrc/link.h#ifndefLINK_H#defineLINK_H#includeclassNode;classLink:publicQGraphicsLineItem/如果使用信号和槽，采用多继承publicQObjectpublic:Link(Node*fromNode,Node*toNode);Link();Node*fromNode()const;Node*toNode()con

9、st;voidsetColor(constQColor&color);QColorcolor()const;voidtrackNodes();/节点移动时，跟踪节点private:Node*myFromNode;/连线的2个节点Node*myToNode;#endif/link.cpp#include#includelink.h#includenode.hLink:Link(Node*fromNode,Node*toNode)myFromNode=fromNode;myToNode=toNode;myFromNode-addLink(this);/节点增加连线，每个节点有任意多个连线myToN

10、ode-addLink(this);setFlags(QGraphicsItem:ItemIsSelectable);/连线可以被选择，然后删除setZValue(-1);/在场景中显示的前后层次，因为连线是两个节点的中心，-1表示位于最后面，/节点覆盖了部分连线setColor(Qt:darkRed);/设置线的颜色trackNodes();Link:Link()myFromNode-removeLink(this);/删除连线时，将删除它在节点中的记录myToNode-removeLink(this);Node*Link:fromNode()constreturnmyFromNode;No

11、de*Link:toNode()constreturnmyToNode;voidLink:setColor(constQColor&color)setPen(QPen(color,1.0);QColorLink:color()constreturnpen().color();voidLink:trackNodes()/pos()返回节点在场景中或者父图元中的位置setLine(QLineF(myFromNode-pos(),myToNode-pos();/node.h#ifndefNODE_H#defineNODE_H#include#include#include#includeclassL

12、ink;classNode:publicQGraphicsItemQ_DECLARE_TR_FUNCTIONS(Node)/在此类中增加tr()功能，直接使用，而不需要QObject:tr()了public:Node();Node();voidsetText(constQString&text);QStringtext()const;voidsetTextColor(constQColor&color);QColortextColor()const;voidsetOutlineColor(constQColor&color);QColoroutlineColor()const;voidsetB

13、ackgroundColor(constQColor&color);QColorbackgroundColor()const;voidaddLink(Link*link);voidremoveLink(Link*link);QRectFboundingRect()const;/重新实现，决定一个图元是否需要绘制，必须的QPainterPathshape()const;/重新实现，返回图元的精确形状，/决定一个点是否在图元内，或者2个图元是否发生冲突voidpaint(QPainter*painter,/重新实现，画图，必须的constQStyleOptionGraphicsItem*optio

14、n,QWidget*widget);protected:voidmouseDoubleClickEvent(QGraphicsSceneMouseEvent*event);/双击事件，修改节点的文本QVariantitemChange(GraphicsItemChangechange,/重新实现，图元变化时，相关的连线发生变化constQVariant&value);/没有使用mouseMoveEvent(),/是因为程序可以改变节点位置private:QRectFoutlineRect()const;introundness(doublesize)const;QSetmyLinks;QStr

15、ingmyText;QColormyTextColor;QColormyBackgroundColor;QColormyOutlineColor;#endif/link.cpp#include#includelink.h#includenode.hNode:Node()myTextColor=Qt:darkGreen;myOutlineColor=Qt:darkBlue;myBackgroundColor=Qt:white;setFlags(ItemIsMovable|ItemIsSelectable);/节点可以移动，被选择Node:Node()foreach(Link*link,myLin

16、ks)/删除所有的连线，防止边界效应，不使用aDeleteAll()deletelink;voidNode:setText(constQString&text)prepareGeometryChange();/改变节点内的文本时，矩形可能会发生变化myText=text;update();QStringNode:text()constreturnmyText;voidNode:setTextColor(constQColor&color)myTextColor=color;update();QColorNode:textColor()constreturnmyTextColor;voidNod

17、e:setOutlineColor(constQColor&color)myOutlineColor=color;update();QColorNode:outlineColor()constreturnmyOutlineColor;voidNode:setBackgroundColor(constQColor&color)myBackgroundColor=color;update();QColorNode:backgroundColor()constreturnmyBackgroundColor;voidNode:addLink(Link*link)myLinks.insert(link)

18、;/增加连线时，记录连线voidNode:removeLink(Link*link)myLinks.remove(link);QRectFNode:boundingRect()const/View决定是否绘制矩形constintMargin=1;returnoutlineRect().adjusted(-Margin,-Margin,+Margin,+Margin);QPainterPathNode:shape()const/View用于冲突探测QRectFrect=outlineRect();QPainterPathpath;path.addRoundRect(rect,roundness(

19、rect.width(),roundness(rect.height();returnpath;/绘制图元voidNode:paint(QPainter*painter,constQStyleOptionGraphicsItem*option,QWidget*/*widget*/)QPenpen(myOutlineColor);if(option-state&QStyle:State_Selected)/图元被选择pen.setStyle(Qt:DotLine);pen.setWidth(2);painter-setPen(pen);painter-setBrush(myBackgroundC

20、olor);QRectFrect=outlineRect();painter-drawRoundRect(rect,roundness(rect.width(),roundness(rect.height();painter-setPen(myTextColor);painter-drawText(rect,Qt:AlignCenter,myText);/双击节点，弹出标准输入对话框voidNode:mouseDoubleClickEvent(QGraphicsSceneMouseEvent*event)QStringtext=QInputDialog:getText(event-widget

21、(),tr(EditText),tr(Enternewtext:),QLineEdit:Normal,myText);if(!text.isEmpty()setText(text);/拖动节点时，调用此函数QVariantNode:itemChange(GraphicsItemChangechange,constQVariant&value)if(change=ItemPositionHasChanged)foreach(Link*link,myLinks)link-trackNodes();returnQGraphicsItem:itemChange(change,value);QRectF

22、Node:outlineRect()constconstintPadding=8;QFontMetricsFmetrics=qApp-font();QRectFrect=metrics.boundingRect(myText);rect.adjust(-Padding,-Padding,+Padding,+Padding);rect.translate(-rect.center();returnrect;intNode:roundness(doublesize)constconstintDiameter=12;return100*Diameter/int(size);/diagramwindo

23、w.h#ifndefDIAGRAMWINDOW_H#defineDIAGRAMWINDOW_H#include#includeclassQAction;classQGraphicsItem;classQGraphicsScene;classQGraphicsView;classLink;classNode;classDiagramWindow:publicQMainWindowQ_OBJECTpublic:DiagramWindow();privateslots:voidaddNode();voidaddLink();voiddel();voidcut();voidcopy();voidpas

24、te();voidbringToFront();voidsendToBack();voidproperties();/弹出属性设置对话框voidupdateActions();/更新菜单栏和工具栏的动作，哪些可用，哪些不可用private:typedefQPairNodePair;voidcreateActions();voidcreateMenus();voidcreateToolBars();voidsetZValue(intz);voidsetupNode(Node*node);Node*selectedNode()const;Link*selectedLink()const;NodeP

25、airselectedNodePair()const;QMenu*fileMenu;QMenu*editMenu;QToolBar*editToolBar;QAction*exitAction;QAction*addNodeAction;QAction*addLinkAction;QAction*deleteAction;QAction*cutAction;QAction*copyAction;QAction*pasteAction;QAction*bringToFrontAction;QAction*sendToBackAction;QAction*propertiesAction;QGra

26、phicsScene*scene;QGraphicsView*view;intminZ;/sendToBack(),bringToFront()使用intmaxZ;intseqNumber;/唯一标示一个节点的文本;#endif/digramwindow.cpp#include#includediagramwindow.h#includelink.h#includenode.h#includepropertiesdialog.hDiagramWindow:DiagramWindow()scene=newQGraphicsScene(0,0,600,500);/创建场景，起始点为(0,0),宽6

27、00，高500view=newQGraphicsView;view-setScene(scene);/显示场景view-setDragMode(QGraphicsView:RubberBandDrag);/选择多个节点方式：1.按ctrl；2.设置橡皮筋方式view-setRenderHints(QPainter:Antialiasing|QPainter:TextAntialiasing);view-setContextMenuPolicy(Qt:ActionsContextMenu);/右键菜单setCentralWidget(view);minZ=0;maxZ=0;seqNumber=0

28、;createActions();createMenus();createToolBars();connect(scene,SIGNAL(selectionChanged(),this,SLOT(updateActions();setWindowTitle(tr(Diagram);updateActions();/增加一个节点voidDiagramWindow:addNode()Node*node=newNode;node-setText(tr(Node%1).arg(seqNumber+1);setupNode(node);voidDiagramWindow:addLink()NodePai

29、rnodes=selectedNodePair();if(nodes=NodePair()return;Link*link=newLink(nodes.first,nodes.second);scene-addItem(link);/删除选择的图元：首先删除连线，然后删除节点，以防止多次删除同一个连线voidDiagramWindow:del()QListitems=scene-selectedItems();QMutableListIteratorit(items);while(it.hasNext()Link*link=dynamic_cast(it.next();if(link)dele

30、telink;it.remove();qDeleteAll(items);/剪切操作：先复制，后删除voidDiagramWindow:cut()Node*node=selectedNode();if(!node)return;copy();deletenode;/拷贝操作：值得研究！voidDiagramWindow:copy()Node*node=selectedNode();if(!node)return;QStringstr=QString(Node%1%2%3%4).arg(node-textColor().name().arg(node-outlineColor().name().

31、arg(node-backgroundColor().name().arg(node-text();QApplication:clipboard()-setText(str);voidDiagramWindow:paste()QStringstr=QApplication:clipboard()-text();QStringListparts=str.split();if(parts.count()=5&parts.first()=Node)Node*node=newNode;node-setText(QStringList(parts.mid(4).join();/连接字符串列表node-s

32、etTextColor(QColor(parts1);node-setOutlineColor(QColor(parts2);node-setBackgroundColor(QColor(parts3);setupNode(node);voidDiagramWindow:bringToFront()+maxZ;setZValue(maxZ);/改变绘图顺序，首先绘制父图元，然后是子图元，根据子图元Z值的大小，/值最小，最先绘制，值最大，最后绘制voidDiagramWindow:sendToBack()-minZ;setZValue(minZ);voidDiagramWindow:proper

33、ties()Node*node=selectedNode();Link*link=selectedLink();if(node)PropertiesDialogdialog(node,this);dialog.exec();elseif(link)QColorcolor=QColorDialog:getColor(link-color(),this);if(color.isValid()link-setColor(color);/更新动作使能voidDiagramWindow:updateActions()boolhasSelection=!scene-selectedItems().isEm

34、pty();boolisNode=(selectedNode()!=0);boolisNodePair=(selectedNodePair()!=NodePair();cutAction-setEnabled(isNode);copyAction-setEnabled(isNode);addLinkAction-setEnabled(isNodePair);deleteAction-setEnabled(hasSelection);bringToFrontAction-setEnabled(isNode);sendToBackAction-setEnabled(isNode);properti

35、esAction-setEnabled(isNode);foreach(QAction*action,view-actions()view-removeAction(action);/删除右键菜单foreach(QAction*action,editMenu-actions()if(action-isEnabled()view-addAction(action);/增加右键菜单voidDiagramWindow:createActions()exitAction=newQAction(tr(E&xit),this);exitAction-setShortcut(tr(Ctrl+Q);conne

36、ct(exitAction,SIGNAL(triggered(),this,SLOT(close();addNodeAction=newQAction(tr(Add&Node),this);addNodeAction-setIcon(QIcon(:/images/node.png);addNodeAction-setShortcut(tr(Ctrl+N);connect(addNodeAction,SIGNAL(triggered(),this,SLOT(addNode();addLinkAction=newQAction(tr(Add&Link),this);addLinkAction-se

37、tIcon(QIcon(:/images/link.png);addLinkAction-setShortcut(tr(Ctrl+L);connect(addLinkAction,SIGNAL(triggered(),this,SLOT(addLink();deleteAction=newQAction(tr(&Delete),this);deleteAction-setIcon(QIcon(:/images/delete.png);deleteAction-setShortcut(tr(Del);connect(deleteAction,SIGNAL(triggered(),this,SLO

38、T(del();cutAction=newQAction(tr(Cu&t),this);cutAction-setIcon(QIcon(:/images/cut.png);cutAction-setShortcut(tr(Ctrl+X);connect(cutAction,SIGNAL(triggered(),this,SLOT(cut();copyAction=newQAction(tr(&Copy),this);copyAction-setIcon(QIcon(:/images/copy.png);copyAction-setShortcut(tr(Ctrl+C);connect(copy

39、Action,SIGNAL(triggered(),this,SLOT(copy();pasteAction=newQAction(tr(&Paste),this);pasteAction-setIcon(QIcon(:/images/paste.png);pasteAction-setShortcut(tr(Ctrl+V);connect(pasteAction,SIGNAL(triggered(),this,SLOT(paste();bringToFrontAction=newQAction(tr(Bringto&Front),this);bringToFrontAction-setIco

40、n(QIcon(:/images/bringtofront.png);connect(bringToFrontAction,SIGNAL(triggered(),this,SLOT(bringToFront();sendToBackAction=newQAction(tr(&SendtoBack),this);sendToBackAction-setIcon(QIcon(:/images/sendtoback.png);connect(sendToBackAction,SIGNAL(triggered(),this,SLOT(sendToBack();propertiesAction=newQ

41、Action(tr(P&roperties.),this);connect(propertiesAction,SIGNAL(triggered(),this,SLOT(properties();voidDiagramWindow:createMenus()fileMenu=menuBar()-addMenu(tr(&File);fileMenu-addAction(exitAction);editMenu=menuBar()-addMenu(tr(&Edit);editMenu-addAction(addNodeAction);editMenu-addAction(addLinkAction)

42、;editMenu-addAction(deleteAction);editMenu-addSeparator();editMenu-addAction(cutAction);editMenu-addAction(copyAction);editMenu-addAction(pasteAction);editMenu-addSeparator();editMenu-addAction(bringToFrontAction);editMenu-addAction(sendToBackAction);editMenu-addSeparator();editMenu-addAction(proper

43、tiesAction);voidDiagramWindow:createToolBars()editToolBar=addToolBar(tr(Edit);editToolBar-addAction(addNodeAction);editToolBar-addAction(addLinkAction);editToolBar-addAction(deleteAction);editToolBar-addSeparator();editToolBar-addAction(cutAction);editToolBar-addAction(copyAction);editToolBar-addAct

44、ion(pasteAction);editToolBar-addSeparator();editToolBar-addAction(bringToFrontAction);editToolBar-addAction(sendToBackAction);voidDiagramWindow:setZValue(intz)Node*node=selectedNode();if(node)node-setZValue(z);voidDiagramWindow:setupNode(Node*node)node-setPos(QPoint(80+(100*(seqNumber%5),80+(50*(seq

45、Number/5)%7);scene-addItem(node);+seqNumber;scene-clearSelection();node-setSelected(true);bringToFront();/返回一个选择的节点Node*DiagramWindow:selectedNode()constQListitems=scene-selectedItems();/全部选择的节点if(items.count()=1)returndynamic_cast(items.first();elsereturn0;Link*DiagramWindow:selectedLink()constQListitems=scene-selectedItems();if(items.count()=1)returndynamic_cast(items.first();elsereturn0;/返回选择的节点对DiagramWindow:NodePairDiagramWindow:selectedNodePair()constQListitem