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 = 0);
    //响应鼠标的滚动事件,使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 () > 0)
    {
        //对图片的长, 宽值进行处理, 放大一定的比例
        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 = 0);
    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 = 0);
    ~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();
}