QT_SVG格式图片浏览器_源代码下载_详细注释

源代码链接: http://pan.baidu.com/s/1pKA5Vcv 密码: ib2x

注:SVG格式图片特点: 1. 文件小 2. 图像中文字独立于图像, 可以编辑,可搜索. 3.没有字体限制 4.可以任意缩放而不破坏图像清晰度和细节

下面实现一个SVG图片浏览器.

显示效果如图（放大超过窗口大小时, 可以通过滚动条拖曳查看图片）

1.

2. (如图，可以任意放大，而不失真)

源代码如下:

注: 1.在实现代码前 需要现在工程文件“.pro”中加入 QT += svg

2.新建项目“SVGTest”，基类选择“QMainWindow", 类名默认---实现主窗口区域

3.新建c++Class文件“SVGWindow”，基类输入“QScrollArea"(手工添加),类名为"SvgWindow"--实现一个带滚动条显示区域

4.新建c++Class文件 “SvgWidget”,基类输入“QSvgWidget”(手工添加), 类名为“SVGWidget”--实现具体的SVG图片显示工作

//svgwidget.h

 /***
  * 实现显示SVG图片的函数所在的文件.
  */
 #ifndef SVGWIDGET_H
 #define SVGWIDGET_H

 #include <QtSvg/QtSvg>
 #include <QtSvg/QSvgWidget>
 #include <QtSvg/QSvgRenderer>

 class SvgWidget : public QSvgWidget
 {
     Q_OBJECT
 public:
     SvgWidget(QWidget *parent = );
     //响应鼠标的滚动事件,使SVG图片能够通过鼠标滚轮的 滚动 进行 缩放
     void wheelEvent (QWheelEvent *);
 private:
     //渲染器
     QSvgRenderer *render;           //用于图片显示尺寸 的 确定
 };

 #endif // SVGWIDGET_H

//svgwidget.cpp

 #include "svgwidget.h"

 SvgWidget::SvgWidget(QWidget *parent)
     : QSvgWidget(parent)
 {
     //获得本窗体的QSvgRenderer对象
     render = renderer ();
 }

 //滚轮响应事件，使SVG图片能够鼠标滚动滑轮进行缩放
 void SvgWidget::wheelEvent (QWheelEvent *e)
 {
     //diff的值表示每次滚轮滑动一定的值,图片大小改变的比例
     const double diff = 0.1;
     /***
      * 下面三行代码: 用于获取图片显示区的尺寸大小,以便进行下一步的缩放操作
      */
     QSize size = render->defaultSize ();
     int width = size.width ();
     int height = size.height ();
     /***
      * 利用QWheelEvent的delta()函数获得滚轮的距离值,通过此值来判断滚轮滚动的方向
      * delta() > 0 , 则表示滚轮向前(远离用户方向); delta() < 0, 则表示向后滚动
      * (Ps: 鼠标滚动事件，滚轮每滚动1°, 相当于移动8°;而常见的滚轮鼠标拨动一下滚动角度为15°
      * 因此，滚轮拨动一下相当于移动了 120(=15*8)
      */
     if (e->delta () > )
     {
         //对图片的长, 宽值进行处理, 放大一定的比例
         width = int(this->width () + this->width ()*diff);
         height = int(this->height () + this->height ()*diff);
     }
     else
     {
         //对图片的长,宽进行处理,缩小一定的比例
         width = int(this->width () - this->width ()*diff);
         height = int(this->height () - this->height ()*diff);
     }
     //利用新的长,宽值对图片进行resize()操作
     resize (width, height);

 }

//svgwindow.h

 /*
  * 实现一个带滚动条显示区域的函数所在的文件.
  * 使图片在放大到超过主窗口大小时, 能通过拖曳
  */
 #ifndef SVGWINDOW_H
 #define SVGWINDOW_H

 #include <QScrollArea>
 #include "svgwidget.h"

 class SvgWindow : public QScrollArea
 {
     Q_OBJECT
 public:
     SvgWindow(QWidget *parent = );
     void setFile(QString);
     void mousePressEvent (QMouseEvent *);
     void mouseMoveEvent (QMouseEvent *);
 private:
     SvgWidget *svgWidget;
     QPoint mousePressPos;
     QPoint scrollBarValueOnMousePress;
 };

 #endif // SVGWINDOW_H

//svgwindow.cpp

 #include "svgwindow.h"

 SvgWindow::SvgWindow(QWidget *parent)
     : QScrollArea(parent)
 {
     svgWidget = new SvgWidget;
     setWidget (svgWidget);       //设置滚动条
 }

 //当主窗口对文件进行了选择或修改时, 将调用setFile()函数设置新的文件
 void SvgWindow::setFile (QString fileName)
 {
     //将新的SVG文件加载到svgWidget中显示
     svgWidget->load (fileName);
     //返回渲染器,去显示控件的内容
     QSvgRenderer *render = svgWidget->renderer ();
     //使svgWidget窗体按SVG图片的默认尺寸进行显示
     svgWidget->resize (render->defaultSize ());

 }

 /***
  * 鼠标键按下时,mousePressPos和scrollBarValuesOnMousePress进行初始化,QScrollArea的horizonalScrollBar()
  * 和verticalScrollBar()函数可以分别获得svgWindow的水平滚动条和垂直滚动条
  */
 void SvgWindow::mousePressEvent (QMouseEvent *event)
 {
     mousePressPos = event->pos ();         //记下当前事件位置
     scrollBarValueOnMousePress.rx () = horizontalScrollBar ()->value ();
     scrollBarValueOnMousePress.ry () = verticalScrollBar ()->value ();
     //设置事件对象的接受信号,表明事件接受器希望事件，意外事件传到父部件
     event->accept ();
 }

 /***
  * 当鼠标按下并拖曳鼠标时, 触发mouseMoveEvent()函数,通过滑动条的位置设置实现图片图片拖曳的效果
  */
 void SvgWindow::mouseMoveEvent (QMouseEvent *event)
 {
     //对水平滑动条的新位置进行设置
     //新水平滑动条位置 = (滑块当前位置 - 鼠标即时返回的位置)(即:滑块移动位置) + 鼠标之前记下的事件位置
     horizontalScrollBar ()->setValue (scrollBarValueOnMousePress.x () - event->pos ().x () + mousePressPos.x ());
     //对垂直滑动条的新位置进行设置
     verticalScrollBar ()->setValue (scrollBarValueOnMousePress.y () - event->pos ().y () + mousePressPos.y ());
     horizontalScrollBar ()->update ();
     verticalScrollBar ()->update ();
     event->accept ();
 }

//mainwindow.h

 #ifndef MAINWINDOW_H
 #define MAINWINDOW_H

 #include <QMainWindow>
 #include "svgwindow.h"

 class MainWindow : public QMainWindow
 {
     Q_OBJECT

 public:
     MainWindow(QWidget *parent = );
     ~MainWindow();
     void createMenu();
 public slots:
     void slotOpenFile();
 private:
     SvgWindow *svgWindow;              //用于调用相关函数传递选择的文件名
 };

 #endif // MAINWINDOW_H

//mainwindow.cpp

 #include "mainwindow.h"

 MainWindow::MainWindow(QWidget *parent)
     : QMainWindow(parent)
 {
     setWindowTitle (tr("SVG Viewer"));
     createMenu ();
     svgWindow = new SvgWindow;
     setCentralWidget (svgWindow);
 }

 //创建菜单栏
 void MainWindow::createMenu ()
 {
     //添加“文件”菜单条
     QMenu *fileMenu = menuBar ()->addMenu (tr("文件"));
     QAction *openAct = new QAction(tr("打开"), this);
     connect (openAct, SIGNAL(triggered(bool)), this, SLOT(slotOpenFile()));
     //添加"打开"菜单项
     fileMenu->addAction(openAct);
 }

 //通过标准文件对话框选择SVG文件, 并调用SvgWindow的setFile()函数将选择的文件名传递给svgWindow进行显示
 void MainWindow::slotOpenFile ()
 {
     QString name = QFileDialog::getOpenFileName (this, "打开", "/", "svg file(*.svg)");
     svgWindow->setFile (name);
 }

 MainWindow::~MainWindow()
 {

 }

//main.cpp

 #include "mainwindow.h"
 #include <QApplication>

 int main(int argc, char *argv[])
 {
     QApplication a(argc, argv);
     MainWindow w;
     w.show();

     return a.exec();
 }