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();
}