当前位置:   article > 正文

Qt SVG Viewer Demo 解读_graphicsview+svg

graphicsview+svg

Qt提供在widgets和其他paint device上渲染和展示SVG的类,本例就允许用户载入SVG文件并在QGraphicsView上用QGraphicsSvgItem显示它。并且例子还可以选择渲染者,QGraphicsView可以用QWidgetQGLWidget作为视口。也可以使用第三方渲染模型通过QImage

 

程序运行如图:renderer可以选择:NativeOpenGLImage

程序的main函数:

  1. int main(int argc, char **argv)
  2. {
  3. Q_INIT_RESOURCE(svgviewer);
  4. QApplication app(argc, argv);
  5. MainWindow window;
  6. if (argc == 2)
  7. window.openFile(argv[1]);
  8. else
  9. window.openFile(":/files/bubbles.svg");
  10. #if defined(Q_OS_SYMBIAN)
  11. window.showMaximized();
  12. #else
  13. window.show();
  14. #endif
  15. return app.exec();
  16. }

允许窗传递参数给程序,用来打开任意 svg 文件。

 

程序使用子类化QGraphicsView来显示svg文件。这里使用到了Graphic Scene Framework。上一篇博客简单介绍了它。通过QGraphicsItem,QGraphicsRectItem显示View中的svg文件内容和边框及背景。

 

本例由两个主要类组成:svgview,MainWindow 

 

[cpp]  view plain copy
  1. class SvgView : public QGraphicsView  
  2. {  
  3.     Q_OBJECT  
  4.   
  5. public:  
  6.     enum RendererType { Native, OpenGL, Image };  
  7.   
  8.     SvgView(QWidget *parent = 0);  
  9.   
  10.     void openFile(const QFile &file);  
  11.     void setRenderer(RendererType type = Native);  
  12.     void drawBackground(QPainter *p, const QRectF &rect);  
  13.   
  14. public slots:       // 接收MainWindow菜单项信号的槽  
  15.     void setHighQualityAntialiasing(bool highQualityAntialiasing);  
  16.     void setViewBackground(bool enable);  
  17.     void setViewOutline(bool enable);  
  18.   
  19. protected:         // 重写wheelEvent,paintEvent事件处理器  
  20.     void wheelEvent(QWheelEvent *event);  
  21.     void paintEvent(QPaintEvent *event);  
  22.   
  23. private:  
  24.     RendererType m_renderer;                // 当前renderer  
  25.   
  26.     QGraphicsItem *m_svgItem;               // svg文件内容渲染项  
  27.     QGraphicsRectItem *m_backgroundItem;    // background渲染  
  28.     QGraphicsRectItem *m_outlineItem;       // outline渲染  
  29.   
  30.     QImage m_image;                         // 当前照片  
  31. };  


[cpp]  view plain copy
  1. SvgView::SvgView(QWidget *parent)  
  2.     : QGraphicsView(parent)  
  3.     , m_renderer(Native)  
  4.     , m_svgItem(0)  
  5.     , m_backgroundItem(0)  
  6.     , m_outlineItem(0)  
  7. {  
  8.     setScene(new QGraphicsScene(this));             // 创建并设置Scene  
  9.     setTransformationAnchor(AnchorUnderMouse);      // 设置鼠标点为锚点  
  10.     setDragMode(ScrollHandDrag);                    // 拖动模式:手型拖动  
  11.     setViewportUpdateMode(FullViewportUpdate);      // 视口更新模式:整个视口更新  
  12.   
  13.     // Prepare background check-board pattern  
  14.     QPixmap tilePixmap(64, 64);  
  15.     tilePixmap.fill(Qt::white);                     // 白色背景  
  16.     QPainter tilePainter(&tilePixmap);  
  17.     QColor color(220, 220, 220);  
  18.     tilePainter.fillRect(0, 0, 32, 32, color);  
  19.     tilePainter.fillRect(32, 32, 32, 32, color);  
  20.     tilePainter.end();  
  21.   
  22.     setBackgroundBrush(tilePixmap);  
  23. }  
  24.   
  25. void SvgView::drawBackground(QPainter *p, const QRectF &)  // 绘制瓦片背景  
  26. {  
  27.     p->save();  
  28.     p->resetTransform();  
  29.     p->drawTiledPixmap(viewport()->rect(), backgroundBrush().texture());  
  30.     p->restore();  
  31. }  
  32.   
  33. void SvgView::openFile(const QFile &file)  // 在svg view里打开svg文件  
  34. {  
  35.     if (!file.exists())  
  36.         return;  
  37.   
  38.     QGraphicsScene *s = scene();           // 返回当前Scene的指针  
  39.   
  40.     bool drawBackground = (m_backgroundItem ? m_backgroundItem->isVisible() : false);  
  41.     bool drawOutline = (m_outlineItem ? m_outlineItem->isVisible() : true);  
  42.   
  43.     s->clear();  
  44.     resetTransform();                      // 重置view转换  
  45.   
  46.     m_svgItem = new QGraphicsSvgItem(file.fileName());      // 用file初始化QGraphicsSvgItem  
  47.     m_svgItem->setFlags(QGraphicsItem::ItemClipsToShape);  
  48.     m_svgItem->setCacheMode(QGraphicsItem::NoCache);  
  49.     m_svgItem->setZValue(0);  
  50.   
  51.     m_backgroundItem = new QGraphicsRectItem(m_svgItem->boundingRect()); // 设置背景项  
  52.     m_backgroundItem->setBrush(Qt::white);  
  53.     m_backgroundItem->setPen(Qt::NoPen);  
  54.     m_backgroundItem->setVisible(drawBackground);  
  55.     m_backgroundItem->setZValue(-1);  
  56.   
  57.     m_outlineItem = new QGraphicsRectItem(m_svgItem->boundingRect());    // 设置边框项  
  58.     QPen outline(Qt::black, 2, Qt::DashLine);  
  59.     outline.setCosmetic(true);  
  60.     m_outlineItem->setPen(outline);  
  61.     m_outlineItem->setBrush(Qt::NoBrush);  
  62.     m_outlineItem->setVisible(drawOutline);  
  63.     m_outlineItem->setZValue(1);  
  64.   
  65.     s->addItem(m_backgroundItem);                   // 将svg内容,边框,背景添加到Scene  
  66.     s->addItem(m_svgItem);  
  67.     s->addItem(m_outlineItem);  
  68.   
  69.     s->setSceneRect(m_outlineItem->boundingRect().adjusted(-10, -10, 10, 10));  
  70. }  
  71.   
  72. void SvgView::setRenderer(RendererType type)       // 选择renderer设置视口  
  73. {  
  74.     m_renderer = type;  
  75.   
  76.     if (m_renderer == OpenGL) {  
  77. #ifndef QT_NO_OPENGL  
  78.         setViewport(new QGLWidget(QGLFormat(QGL::SampleBuffers)));  
  79. #endif  
  80.     } else {  
  81.         setViewport(new QWidget);  
  82.     }  
  83. }  
  84.   
  85. void SvgView::setHighQualityAntialiasing(bool highQualityAntialiasing)  // 高质量反走样 槽  
  86. {  
  87. #ifndef QT_NO_OPENGL  
  88.     setRenderHint(QPainter::HighQualityAntialiasing, highQualityAntialiasing);  
  89. #else  
  90.     Q_UNUSED(highQualityAntialiasing);  
  91. #endif  
  92. }  
  93.   
  94. void SvgView::setViewBackground(bool enable)        // 设置背景 槽  
  95. {  
  96.     if (!m_backgroundItem)  
  97.           return;  
  98.   
  99.     m_backgroundItem->setVisible(enable);  
  100. }  
  101.   
  102. void SvgView::setViewOutline(bool enable)           // 设置outline 槽  
  103. {  
  104.     if (!m_outlineItem)  
  105.         return;  
  106.   
  107.     m_outlineItem->setVisible(enable);  
  108. }  
  109.   
  110. void SvgView::paintEvent(QPaintEvent *event)        // 选择Image时,将view内容以图片形式绘制出来,通过viewport()  
  111. {  
  112.     if (m_renderer == Image) {  
  113.         if (m_image.size() != viewport()->size()) {  
  114.             m_image = QImage(viewport()->size(), QImage::Format_ARGB32_Premultiplied);  
  115.         }  
  116.   
  117.         QPainter imagePainter(&m_image);  
  118.         QGraphicsView::render(&imagePainter);  
  119.         imagePainter.end();  
  120.   
  121.         QPainter p(viewport());  
  122.         p.drawImage(0, 0, m_image);  
  123.   
  124.     } else {  
  125.         QGraphicsView::paintEvent(event);  
  126.     }  
  127. }  
  128.   
  129. void SvgView::wheelEvent(QWheelEvent *event)  
  130. {  
  131.     qreal factor = qPow(1.2, event->delta() / 240.0);  
  132.     scale(factor, factor);              // 伸缩view  
  133.     event->accept();                    // accept()事件  
  134. }  


[cpp]  view plain copy
  1. class MainWindow : public QMainWindow  
  2. {  
  3.     Q_OBJECT  
  4.   
  5. public:  
  6.     MainWindow();  
  7.   
  8. public slots:  
  9.     void openFile(const QString &path = QString()); // 打开文件槽  
  10.     void setRenderer(QAction *action);              // 设置renderer槽  
  11.   
  12. private:  
  13.     QAction *m_nativeAction;                    //用于菜单项的动作  
  14.     QAction *m_glAction;  
  15.     QAction *m_imageAction;  
  16.     QAction *m_highQualityAntialiasingAction;  
  17.     QAction *m_backgroundAction;  
  18.     QAction *m_outlineAction;  
  19.   
  20.     SvgView *m_view;                            // MainWindow中心的View部件  
  21.   
  22.     QString m_currentPath;                      // open file时的路径  
  23. };  


[cpp]  view plain copy
  1. MainWindow::MainWindow()  
  2.     : QMainWindow()  
  3.     , m_view(new SvgView)  
  4. {  
  5.     QMenu *fileMenu = new QMenu(tr("&File"), this);               // 创建file菜单  
  6.     QAction *openAction = fileMenu->addAction(tr("&Open..."));    // 添加open菜单项  
  7.     openAction->setShortcut(QKeySequence(tr("Ctrl+O")));          // 快捷键  
  8.     QAction *quitAction = fileMenu->addAction(tr("E&xit"));       // 添加Exit菜单项  
  9.     quitAction->setShortcuts(QKeySequence::Quit);                 // 快捷键  
  10.   
  11.     menuBar()->addMenu(fileMenu);                                 // 添加到菜单栏  
  12.   
  13.     QMenu *viewMenu = new QMenu(tr("&View"), this);               // 创建view菜单  
  14.     m_backgroundAction = viewMenu->addAction(tr("&Background"));  // 添加背景菜单项  
  15.     m_backgroundAction->setEnabled(true);                        // 设置不可用  
  16.     m_backgroundAction->setCheckable(true);                       // 设置可打勾选择  
  17.     m_backgroundAction->setChecked(false);                        // 初始化不打勾  
  18.     // 设置信号槽,背景动作激发m_view成员的槽setViewBackground  
  19.     connect(m_backgroundAction, SIGNAL(toggled(bool)), m_view, SLOT(setViewBackground(bool)));  
  20.   
  21.     m_outlineAction = viewMenu->addAction(tr("&Outline"));        // 添加菜单项:外围包围线  
  22.     m_outlineAction->setEnabled(false);                           // 设置不可用  
  23.     m_outlineAction->setCheckable(true);                          // 设置可打勾选择  
  24.     m_outlineAction->setChecked(true);                            // 初始化打勾  
  25.     // 设置信号槽,包围线触发m_view成员的槽setViewOutline  
  26.     connect(m_outlineAction, SIGNAL(toggled(bool)), m_view, SLOT(setViewOutline(bool)));  
  27.   
  28.     menuBar()->addMenu(viewMenu);                                 // 将view菜单添加到菜单栏  
  29.   
  30.     QMenu *rendererMenu = new QMenu(tr("&Renderer"), this);       // 创建Renderer菜单  
  31.     m_nativeAction = rendererMenu->addAction(tr("&Native"));      // 添加Native菜单项  
  32.     m_nativeAction->setCheckable(true);                           // 设置可打勾选择  
  33.     m_nativeAction->setChecked(true);                             // 初始化打勾  
  34. #ifndef QT_NO_OPENGL     // 如果定义了QT_NO_OPENGL就不添加OPNGL相关的菜单项  
  35.     m_glAction = rendererMenu->addAction(tr("&OpenGL"));          // 添加OpenGL菜单项  
  36.     m_glAction->setCheckable(true);                               // 设置可打勾选择  
  37. #endif  
  38.     m_imageAction = rendererMenu->addAction(tr("&Image"));        // 添加Image菜单项  
  39.     m_imageAction->setCheckable(true);                            // 设置可打勾选择  
  40.   
  41. #ifndef QT_NO_OPENGL  
  42.     rendererMenu->addSeparator();                                 // 添加分隔线  
  43.     // 添加高质量反走样菜单项  
  44.     m_highQualityAntialiasingAction = rendererMenu->addAction(tr("&High Quality Antialiasing"));  
  45.     m_highQualityAntialiasingAction->setEnabled(false);  
  46.     m_highQualityAntialiasingAction->setCheckable(true);  
  47.     m_highQualityAntialiasingAction->setChecked(false);  
  48.     // 添加信号槽,触发m_view的setHightQualityAntialasing  
  49.     connect(m_highQualityAntialiasingAction, SIGNAL(toggled(bool)), m_view, SLOT(setHighQualityAntialiasing(bool)));  
  50. #endif  
  51.   
  52.     // 将native,opengl,image菜单项组合在一起(每次只选择其中的一个)  
  53.     QActionGroup *rendererGroup = new QActionGroup(this);  
  54.     rendererGroup->addAction(m_nativeAction);  
  55. #ifndef QT_NO_OPENGL  
  56.     rendererGroup->addAction(m_glAction);  
  57. #endif  
  58.     rendererGroup->addAction(m_imageAction);  
  59.   
  60.     menuBar()->addMenu(rendererMenu);                           // renderer菜单添加到菜单栏  
  61.   
  62.     connect(openAction, SIGNAL(triggered()), this, SLOT(openFile())); // openAction连接槽openFile  
  63.     connect(quitAction, SIGNAL(triggered()), qApp, SLOT(quit()));     // quitAction连接到quit槽  
  64.     connect(rendererGroup, SIGNAL(triggered(QAction*)),  
  65.             this, SLOT(setRenderer(QAction*)));                       // rendererGroup连接到setRender槽  
  66.   
  67.     setCentralWidget(m_view);           // 将svg view窗体部件放置MainWindow中心  
  68.     setWindowTitle(tr("SVG Viewer"));   // 标题  
  69. }  
  70.   
  71. void MainWindow::openFile(const QString &path)  
  72. {  
  73.     QString fileName;  
  74.     if (path.isNull())                 // FileDialog获得路径  
  75.         fileName = QFileDialog::getOpenFileName(this, tr("Open SVG File"),  
  76.                 m_currentPath, "SVG files (*.svg *.svgz *.svg.gz)");  
  77.     else  
  78.         fileName = path;  
  79.   
  80.     if (!fileName.isEmpty()) {         // 处理获得的文件路径  
  81.         QFile file(fileName);  
  82.         if (!file.exists()) {          // 文件不存在:弹出MessageBox提示  
  83.             QMessageBox::critical(this, tr("Open SVG File"),  
  84.                            QString("Could not open file '%1'.").arg(fileName));  
  85.   
  86.             m_outlineAction->setEnabled(false);                    // outline,background菜单项不可用  
  87.             m_backgroundAction->setEnabled(false);  
  88.             return;  
  89.         }  
  90.   
  91.         m_view->openFile(file);                  // 将文件在svg view上打开  
  92.   
  93.         if (!fileName.startsWith(":/")) {        // 更改窗体标题  
  94.             m_currentPath = fileName;  
  95.             setWindowTitle(tr("%1 - SVGViewer").arg(m_currentPath));  
  96.         }  
  97.   
  98.         m_outlineAction->setEnabled(true);       // 是菜单项outline,background可用  
  99.         m_backgroundAction->setEnabled(true);  
  100.   
  101.         resize(m_view->sizeHint() + QSize(80, 80 + menuBar()->height()));  
  102.     }  
  103. }  
  104.   
  105. void MainWindow::setRenderer(QAction *action)    //setRenderer槽  
  106. {  
  107. #ifndef QT_NO_OPENGL  
  108.     m_highQualityAntialiasingAction->setEnabled(false);  
  109. #endif  
  110.   
  111.     // 将当前renderer设置为菜单中选择的  
  112.     if (action == m_nativeAction)  
  113.         m_view->setRenderer(SvgView::Native);  
  114. #ifndef QT_NO_OPENGL  
  115.     else if (action == m_glAction) {  
  116.         m_highQualityAntialiasingAction->setEnabled(true);  
  117.         m_view->setRenderer(SvgView::OpenGL);  
  118.     }  
  119. #endif  
  120.     else if (action == m_imageAction) {  
  121.         m_view->setRenderer(SvgView::Image);  
  122.     }  
  123. }  
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/175164
推荐阅读
相关标签
  

闽ICP备14008679号