QGraphicsScene入门一：基本介绍、场景定义、添加元素

亦凉 2022-05-31 11:45 615阅读 0赞

简介说明:

这个QGraphicsScene类用于在场景中操作大量的2D图形元素，这个类是作为一个容器QGraphicsItems存在的，它是连同QGraphicsView用于可视化的二维表面的图形项目，如直线，矩形，文本，甚至定制物品；还可以有效地确定元素在场景中的位置以及控制元素的时显示区域及方式。配合QGraphicsView你可以可视化整个场景、或方大缩小或只显示一部分等...

首先来把 QGraphicsView， QGraphicsScene 改个称呼：  
    QGraphicsScene 称为图形场景。  
    QGraphicsView 称为图形窗口。  
    你可以理解为 QGraphicsScene图形窗口 就是可视化的界面，就如同是一台电视机的外壳，QGraphicsScene图形场景 为电视机的屏幕。而要播放的内容是要在屏幕里显示出来的。  
    注意：QGraphicsScene图形窗口 都有自己的无视觉外观，它只管理项目。你需要创建一个QGraphicsView图形视图 加载 部件可视化的场景。

示例一：

<table> 
 <tbody> 
  <tr> 
   <td style="margin:0px;padding:0px;font-family:'微软雅黑', '宋体', '黑体', Arial, Helvetica, sans-serif;"> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      1 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      2 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      3 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      4 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      5 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      6 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      7 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      8 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      9 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      10 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      11 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      12 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      13 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      14 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      15 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      16 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      17 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      18 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      19 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      20 
    </div></td> 
   <td style="margin:0px;padding:0px;font-family:'微软雅黑', '宋体', '黑体', Arial, Helvetica, sans-serif;"> 
    <div style="margin:0px;padding:0px;font-family:inherit;"> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>#示例一：</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>__author__&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>'liaojie'</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>#!/usr/bin/env&nbsp;python</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>#coding:utf-8</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>from</code>&nbsp; 
      <code>PyQt5.QtWidgets&nbsp;</code> 
      <code>import</code>&nbsp; 
      <code>(QGraphicsView,QGraphicsScene,QApplication)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>if</code>&nbsp; 
      <code>__name__&nbsp;</code> 
      <code>=</code> 
      <code>=</code>&nbsp; 
      <code>'__main__'</code> 
      <code>:</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>import</code>&nbsp; 
      <code>sys</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#每个PyQt程序必须创建一个application对象，sys.argv&nbsp;参数是命令行中的一组参数</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#注意：application在&nbsp;PyQt5.QtWidgets&nbsp;模块中</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#注意：application在&nbsp;PyQt4.QtGui&nbsp;模块中</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>app&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>QApplication(sys.argv)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#创建场景</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>scene&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>QGraphicsScene()</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#在场景中添加文字</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>scene.addText(</code> 
      <code>"Hello,&nbsp;world!"</code> 
      <code>)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#创建窗口，并将场景加载到窗口中</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>view&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>QGraphicsView(</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#显示应用</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>view.show()</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

示例二：

<table> 
 <tbody> 
  <tr> 
   <td style="margin:0px;padding:0px;font-family:'微软雅黑', '宋体', '黑体', Arial, Helvetica, sans-serif;"> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      1 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      2 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      3 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      4 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      5 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      6 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      7 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      8 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      9 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      10 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      11 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      12 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      13 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      14 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      15 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      16 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      17 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      18 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      19 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      20 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      21 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      22 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      23 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      24 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      25 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      26 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      27 
    </div> 
    <div style="margin:0px;padding:0px;font-family:inherit;">
      28 
    </div></td> 
   <td style="margin:0px;padding:0px;font-family:'微软雅黑', '宋体', '黑体', Arial, Helvetica, sans-serif;"> 
    <div style="margin:0px;padding:0px;font-family:inherit;"> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>#示例二：</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>__author__&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>'liaojie'</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>#!/usr/bin/env&nbsp;python</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>#coding:utf-8</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>from</code>&nbsp; 
      <code>PyQt5.QtWidgets&nbsp;</code> 
      <code>import</code>&nbsp; 
      <code>(QGraphicsView,QGraphicsScene,QApplication)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>class</code>&nbsp; 
      <code>MainWindow(QGraphicsView):</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>def</code>&nbsp; 
      <code>__init__(</code> 
      <code>self</code> 
      <code>,parent</code> 
      <code>=</code> 
      <code>None</code> 
      <code>):</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>super</code> 
      <code>(MainWindow,&nbsp;</code> 
      <code>self</code> 
      <code>).__init__(parent)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#创建场景</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>self</code> 
      <code>.scene&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>QGraphicsScene()</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#在场景中添加文字</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>self</code> 
      <code>.scene.addText(</code> 
      <code>"Hello,&nbsp;world!"</code> 
      <code>)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#将场景加载到窗口</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>self</code> 
      <code>.setScene(</code> 
      <code>self</code> 
      <code>.scene)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>if</code>&nbsp; 
      <code>__name__&nbsp;</code> 
      <code>=</code> 
      <code>=</code>&nbsp; 
      <code>'__main__'</code> 
      <code>:</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>import</code>&nbsp; 
      <code>sys</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#每个PyQt程序必须创建一个application对象，sys.argv&nbsp;参数是命令行中的一组参数</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#注意：application在&nbsp;PyQt5.QtWidgets&nbsp;模块中</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#注意：application在&nbsp;PyQt4.QtGui&nbsp;模块中</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>app&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>QApplication(sys.argv)</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#创建桌面窗口</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>mainWindow&nbsp;</code> 
      <code>=</code>&nbsp; 
      <code>MainWindow()</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>#显示桌面窗口</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>mainWindow.show()</code> 
     </div> 
     <div style="margin:0px;padding:0px;font-family:inherit;"> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>sys.exit(app.exec_())</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

最后sys.exit(app.exec\_())让应用程序的主事件循环。事件处理从这里开始。主事件循环从窗口系统接收事件并分发到应用程序的窗口部件上。当主事件循环结束，如果我们调用 exit() 方法或者主窗口部件被销毁。 sys.exit() 方法确保干净的退出。将通知环境应用程序是如何结束的。

你是否想知道为什么 exec\_() 方法会有下划线，一切皆有含义，这显然是因为exec是Python的关键字，因此，用 exec\_() 来取代它。

要想将元素添加到场景中，首先你必须构建一个 QGraphicsScene图形场景，然后通过调用addItem()将元素添加到你构建的QGraphicsScene图形场景中。QGraphicsScene图形场景还有很多相当便利的方法，如：addEllipse(), addLine(), addPath(), addPixmap(), addPolygon(), addRect(),addText()等。所有添加的元素都具有他的尺寸和相对于场景的坐标系，元素初始化位置为所在场景中的（0,0）。

然后，使用QGraphicsView图形窗口来加载QGraphicsScene图形场景，就可以看到你在场景中添加的元素啦。当场景变化时，（例如，当一个元素移动或变换）QGraphicsScene图形场景发出的changed()信号。如果要删除场景中的某个元素用removeItem()。

QGraphicsScene图形场景使用一个索引算法来管理元素的位置。默认情况下，一个BSP（二进制空间划分）树被使用;应用于场景中的静态元素（即不走动）的算法。您可以通过调用setItemIndexMethod()来禁用该索引。有关可用的索引算法的详细信息，请参阅itemIndexMethod属性。

QGraphicsScene图形场景的边界矩形是通过调用setSceneRect()来进行设置的，场景是可以被放在QGraphicsView图形窗口中的任何位置的。并且场景的默认大小是无限制的（即可超出QGraphicsView图形窗口的大小的，这时窗口就会出现上下左右的滚动条）。这个QGraphicsScene图形场景中的RECT仅针对场景内部不包含外层的QGraphicsView图形窗口（QGraphicsView图形窗口有自己的RECT）。在QGraphicsScene图形场景大小范围内的元素才会被看到即RECT上下左右范围内的。可以通过itemsBoundingRect()来得知现在场景的大小。

注意：itemsBoundingRect()是一个比较耗时的功能，它的运作通过收集场景中所有元素的位置信息找出其中最远坐标的位置。所以最好先设置好自己的场景大小不要使用默认大小。

QGraphicsScene图形场景最大的优势是它能够有效的确定元素的位置。即便是在有着数以百万计的元素时通过items()函数可以在几毫秒内确定元素的位置。  
  
  
items()  
将返回所有可见元素在场景中的位置pos。该列表是按递减的Z-value顺序（即，在列表中的第一条是最顶层的元素，最后一条是最底层的元素）。还有一个itemAt()函数是返回给定位置的最上方元素。  
itemAt()  
返回指定的位置的元素，如果这个位置上没有元素返回结果可能为0条，

注：最上面的元素是一个具有最高的Z-value。

http://www.360doc.com/content/14/1024/11/10724725\_419438695.shtml