AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Qt5——图形与图片

2023-02-26 206
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Qt5——图形与图片

文章目录

Qt5 位置相关函数

概述

示例

Qt5 基础图形的绘制

示例

Qt5 双缓冲机制

示例代码：

Qt5 显示SVG格式图片

示例

Qt5 位置相关函数

概述

如图所示是Qt提供的关于位置的几种主要的位置函数。

20200307193655559.png

示例

通过一个简单的例子来介绍上述各函数具体的用法。


  • main.cpp
#include "geometry.h"
#include <QApplication>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Geometry w;
    w.show();
    return a.exec();
}


  • geometry.h
#ifndef GEOMETRY_H
#define GEOMETRY_H
#include <QDialog>
#include <QLabel>
#include <QGridLayout>
class Geometry : public QDialog
{
    Q_OBJECT
public:
    Geometry(QWidget *parent = nullptr);
    ~Geometry();
    void updateLabel();
protected:
    void moveEvent(QMoveEvent *);
    void resizeEvent(QResizeEvent *);
private:
    QLabel *xLabel;
    QLabel *xValue;
    QLabel *yLabel;
    QLabel *yValue;
    QLabel *posLabel;
    QLabel *posValue;
    QLabel *frameLabel;
    QLabel *frameValue;
    QLabel *geometryLabel;
    QLabel *geometryValue;
    QLabel *widthLabel;
    QLabel *widthValue;
    QLabel *heightLabel;
    QLabel *heightValue;
    QLabel *rectLabel;
    QLabel *rectValue;
    QLabel *sizeLabel;
    QLabel *sizeValue;
    QGridLayout *mainLayout;
};
#endif // GEOMETRY_H


  • geometry.cpp
#include "geometry.h"
Geometry::Geometry(QWidget *parent)
    : QDialog(parent)
{
    setWindowTitle(tr("Geometry"));
    xLabel = new QLabel(tr("x():"));
    xValue = new QLabel;
    yLabel = new QLabel(tr("y():"));
    yValue = new QLabel;
    frameLabel = new QLabel(tr("Frame:"));
    frameValue = new QLabel;
    posLabel = new QLabel(tr("pos():"));
    posValue = new QLabel;
    geometryLabel = new QLabel(tr("geometry():"));
    geometryValue = new QLabel;
    widthLabel = new QLabel(tr("width():"));
    widthValue = new QLabel;
    heightLabel = new QLabel(tr("height():"));
    heightValue = new QLabel;
    rectLabel = new QLabel(tr("rect():"));
    rectValue = new QLabel;
    sizeLabel = new QLabel(tr("size():"));
    sizeValue = new QLabel;
    //布局
    mainLayout = new QGridLayout(this);
    mainLayout->addWidget(xLabel, 0, 0);
    mainLayout->addWidget(xValue, 0, 1);
    mainLayout->addWidget(yLabel, 1, 0);
    mainLayout->addWidget(yValue, 1, 1);
    mainLayout->addWidget(frameLabel, 2, 0);
    mainLayout->addWidget(frameValue, 2, 1);
    mainLayout->addWidget(posLabel, 3, 0);
    mainLayout->addWidget(posValue, 3, 1);
    mainLayout->addWidget(geometryLabel, 4, 0);
    mainLayout->addWidget(geometryValue, 4, 1);
    mainLayout->addWidget(widthLabel, 5, 0);
    mainLayout->addWidget(widthValue, 5, 1);
    mainLayout->addWidget(heightLabel, 6, 0);
    mainLayout->addWidget(heightValue, 6, 1);
    mainLayout->addWidget(rectLabel, 7, 0);
    mainLayout->addWidget(rectValue, 7, 1);
    mainLayout->addWidget(sizeLabel, 8, 0);
    mainLayout->addWidget(sizeValue, 8, 1);
    updateLabel();
}
Geometry::~Geometry()
{
}
void Geometry::updateLabel()
{
    QString xstr;
    xValue->setText(xstr.setNum(x()));
    QString ystr;
    yValue->setText(ystr.setNum(y()));
    QString framestr;
    framestr = QString("%1 , %2, %3, %4").arg(frameGeometry().x()).arg(frameGeometry().y())\
            .arg(frameGeometry().width()).arg(frameGeometry().height());
    frameValue->setText(framestr);
    QString posstr;
    posstr = QString("(%1, %2)").arg(pos().x()).arg(pos().y());
    posValue->setText(posstr);
    QString geostr;
    geostr = QString("%1, %2, %3, %4").arg(geometry().x()).arg(geometry().y()).arg(geometry().width())\
            .arg(geometry().height());
    geometryValue->setText(geostr);
    QString wstr, hstr;
    widthValue->setText(wstr.setNum(width()));
    heightValue->setText(hstr.setNum(height()));
    QString rectstr;
    rectstr = QString("%1, %2, %3, %4").arg(rect().x()).arg(rect().y()).arg(rect().width()).arg(rect().height());
    rectValue->setText(rectstr);
    QString sizestr;
    sizestr = QString("%1, %2").arg(size().width()).arg(size().height());
    sizeValue->setText(sizestr);
}
void Geometry::moveEvent(QMoveEvent *)
{
    updateLabel();
}
void Geometry::resizeEvent(QResizeEvent *)
{
    updateLabel();
}


  • 实现结果

20200307202234167.png20200307202251806.png

20200307202302347.png2020030720231422.png

Qt5 基础图形的绘制

通过一个示例实现基本的图像绘制功能：


示例

实现一个基础图形绘制。


新建一个绘图项目，项目名称为“PaintEx”，基类选择“QWidget”，类名命名为“mainWidget”，取消“创建界面”复选框。


PaintArea类继承自QWidget类，在类声明中。首先声明一个枚举变量Shap，列举了所有用到的图像形状。


通过每个设置的槽函数来实现各个功能，具体描述如下：


  • 设置形状参数：


void mainWidget::showshape(int value)
{
    //设置PaintArea对象的形状参数
    PaintArea::Shape shape = PaintArea::Shape(shapeCombox->itemData(value, Qt::UserRole).toInt());
    paintarea->setShap(shape);
}


  • 设置画笔属性：
void mainWidget::showpencolor()
{
    //设置画笔颜色
    QColor color = QColorDialog::getColor(static_cast<int>(Qt::blue));
    penColorFrame->setPalette(QPalette(color));
    int value = penWidthSpinbox->value();
    //通过调用combox下的itemData返回当前显示的数据（枚举类型的序号）。
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(penstylecombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(pencapcombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(penjoincombox->currentIndex(), Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用成员函数完成设置
}


  • 设置画笔宽度
void mainWidget::showpenwidth(int value)
{
    //获取当前的画笔颜色
    QColor color = penColorFrame->palette().color(QPalette::Window);
    //获取当前选择的各个参数。
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(penstylecombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(pencapcombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(penjoincombox->currentIndex(), Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用接口更新
}


  • 关于设置画笔的各个接口都类似，其中风格式样如下：

20200308084650804.png

202003080847471.png20200308084759369.png


void mainWidget::showpencolor()
{
    //设置画笔颜色,调用颜色对话框进行选择
    QColor color = QColorDialog::getColor(static_cast<int>(Qt::blue));
    penColorFrame->setPalette(QPalette(color));
    int value = penWidthSpinbox->value();
    //通过调用combox下的itemData返回当前显示的数据（枚举类型的序号）。
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(penstylecombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(pencapcombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(penjoincombox->currentIndex(), Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用成员函数完成设置
}
void mainWidget::showpenwidth(int value)
{
    //获取当前的画笔颜色
    QColor color = penColorFrame->palette().color(QPalette::Window);
    //获取当前选择的各个参数。
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(penstylecombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(pencapcombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(penjoincombox->currentIndex(), Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用接口更新
}
void mainWidget::showpenstyle(int stylevalue)
{
    //获取当前的画笔颜色
    QColor color = penColorFrame->palette().color(QPalette::Window);
    int value = penWidthSpinbox->value();
    //获取当前选择的各个参数。
    //使用改变的stylevalue参数获取style
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(stylevalue, Qt::UserRole).toInt());
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(pencapcombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(penjoincombox->currentIndex(), Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用接口更新
}
void mainWidget::showpencap(int capvalue)
{
    //获取当前的画笔颜色
    QColor color = penColorFrame->palette().color(QPalette::Window);
    int value = penWidthSpinbox->value();
    //获取当前选择的各个参数。
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(penstylecombox->currentIndex(), Qt::UserRole).toInt());
    //使用当前参数capvalue获取当前参数
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(capvalue, Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(penjoincombox->currentIndex(), Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用接口更新
}
void mainWidget::showpenjoin(int joninvalue)
{
    //获取当前的画笔颜色
    QColor color = penColorFrame->palette().color(QPalette::Window);
    int value = penWidthSpinbox->value();
    //获取当前选择的各个参数。
    Qt::PenStyle style = Qt::PenStyle(penstylecombox->itemData(penstylecombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenCapStyle cap = Qt::PenCapStyle(pencapcombox->itemData(pencapcombox->currentIndex(), Qt::UserRole).toInt());
    Qt::PenJoinStyle join = Qt::PenJoinStyle(penjoincombox->itemData(joninvalue, Qt::UserRole).toInt());
    paintarea->setPen(QPen(color, value, style, cap, join));//调用接口更新
}


  • 设置画刷风格，具体风格有：

20200308084608785.png


void mainWidget::showbrush(int value)
{
    //更新画刷属性
    //获取画刷颜色
    QColor color = brushColorFrame->palette().color(QPalette::Window);//获取当前画面的颜色
    Qt::BrushStyle style = Qt::BrushStyle(brushstylecombox->itemData(value, Qt::UserRole).toInt());
    //设置画刷风格
    if(style == Qt::LinearGradientPattern)//线性渐变风格
    {
        //创建线性渐变类对象需要两个参数，分别表示起止点位置
        QLinearGradient linearGradient(0, 0, 400, 400);
        linearGradient.setColorAt(0.0, Qt::white);
        linearGradient.setColorAt(0.2, color);
        linearGradient.setColorAt(1.0, Qt::black);
        linearGradient.setSpread(spread);
        paintarea->setBrush(linearGradient);
    }
    else if(style == Qt::RadialGradientPattern)//圆形渐变风格
    {
        //创建圆形渐变类，三个参数，圆心位置，半径值，焦点位置
        QRadialGradient radialGradient(200, 200, 150, 150, 100);
        radialGradient.setColorAt(0.0, Qt::white);
        radialGradient.setColorAt(0.2, color);
        radialGradient.setColorAt(1.0, Qt::black);
        radialGradient.setSpread(spread);
        paintarea->setBrush(radialGradient);
    }
    else if(style == Qt::ConicalGradientPattern)//锥形渐变
    {
        //创建锥形渐变类，两个参数-锥形定点位置和渐变分界线水平夹角
        QConicalGradient conicalgradient(200, 200, 30);
        conicalgradient.setColorAt(0.0, Qt::white);
        conicalgradient.setColorAt(0.2, color);
        conicalgradient.setColorAt(1.0, Qt::black);
        paintarea->setBrush(conicalgradient);
    }
    else if(style == Qt::TexturePattern)
    {
        paintarea->setBrush(QBrush(QPixmap("butterfly.png")));
    }
    else{
        //没有渐变风格的设置
        paintarea->setBrush(QBrush(color, style));
    }
}


  • main.cpp
#include "mainwidget.h"
#include <QApplication>
#include <QFont>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    //设置字体
    QFont f("ZYSong18030", 12);
    a.setFont(f);
    mainWidget w;
    w.show();
    return a.exec();
}


  • 最终界面效果


20200308090312324.png

20200308090336794.png

Qt5 双缓冲机制

所谓双缓冲机制，其实就是在绘制控件时，首先将要绘制的内容绘制在一个图片中，然后一次性将图片显示到控件中。


示例代码：

通过Drawwidget对象实现窗口绘制。


  • drawwidget.h
#ifndef DRAWWIDGET_H
#define DRAWWIDGET_H
#include <QWidget>
#include <QPixmap>
#include <QColor>
#include <QPoint>
#include <QMouseEvent>
#include <QPainter>
class Drawwidget : public QWidget
{
    Q_OBJECT
public:
    explicit Drawwidget(QWidget *parent = nullptr);
    void mouseMoveEvent(QMouseEvent *event);
    void mousePressEvent(QMouseEvent *event);
    void paintEvent(QPaintEvent *event);
    void resizeEvent(QResizeEvent *event);
signals:
public slots:
    void setStyle(int);//设置风格
    void setWidth(int);//设置宽度
    void setColor(QColor);//设置颜色
    void clear();//清空画面
private:
    QPixmap *pix;
    QPoint startpos;
    QPoint endpos;
    int style;
    int weight;
    QColor color;
};
#endif // DRAWWIDGET_H


  • drawwidget.cpp
#include "drawwidget.h"
Drawwidget::Drawwidget(QWidget *parent) : QWidget(parent)
{
    setAutoFillBackground(true);//对窗体背景色设置
    setPalette(QPalette(Qt::white));
    pix = new QPixmap(size());
    pix->fill(Qt::white);
    setMinimumSize(600, 400);//设置最小尺寸
}
void Drawwidget::setColor(QColor c)
{
    color = c;
}
void Drawwidget::setStyle(int s)
{
    style = s;
}
void Drawwidget::setWidth(int w)
{
    weight = w;
}
void Drawwidget::mousePressEvent(QMouseEvent *event)
{
    startpos = event->pos();
}
void Drawwidget::mouseMoveEvent(QMouseEvent *event)
{
    QPainter *painter = new QPainter;
    QPen pen;
    pen.setStyle((Qt::PenStyle)style);
    pen.setWidth(weight);
    pen.setColor(color);
    painter->begin(pix);
    painter->setPen(pen);
    //绘制直线
    painter->drawLine(startpos, event->pos());
    painter->end();
    startpos = event->pos();
    update();
}
void Drawwidget::paintEvent(QPaintEvent *event)//绘图事件
{
    QPainter p(this);
    p.drawPixmap(QPoint(0,0), *pix);
}
void Drawwidget::resizeEvent(QResizeEvent *event)
{
    if(height() > pix->height() || width() > pix->width())
    {
        QPixmap *newpix = new QPixmap(size());
        newpix->fill(Qt::white);
        QPainter p(newpix);
        p.drawPixmap(QPoint(0, 0), *pix);
        pix = newpix;
    }
    QWidget::resizeEvent(event);//完成其余工作
}
void Drawwidget::clear()
{
    QPixmap *clearpix = new QPixmap(size());
    clearpix->fill(Qt::white);
    pix = clearpix;
    update();
}


  • MainWindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include "drawwidget.h"
#include <QLabel>
#include <QComboBox>
#include <QSpinBox>
#include <QToolButton>
class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();
    void createToolBar();
public slots:
    void showColor();
    void showStyle();
private:
    Drawwidget *drawWidget;
    QLabel *stylelabel;
    QComboBox *styleComboBox;
    QLabel *widthLabel;
    QSpinBox *widthSpinBox;
    QToolButton *colorBtn;
    QToolButton *clearBtn;
};
#endif // MAINWINDOW_H


  • MainWindow.cpp
#include "mainwindow.h"
#include <QToolBar>
#include <QColor>
#include <QColorDialog>
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
{
    drawWidget = new Drawwidget;
    setCentralWidget(drawWidget);//新建的DrawWidget作为主窗口的中央。
    createToolBar();//工具栏实现
    setMinimumSize(600, 400);
    showStyle();//初始化线型，设置空间当前值作为初始值.
    drawWidget->setWidth(widthSpinBox->value());
    drawWidget->setColor(Qt::black);
}
MainWindow::~MainWindow()
{
}
void MainWindow::createToolBar()
{
    QToolBar *toolbar = addToolBar("Tool");
    stylelabel = new QLabel(tr("线型风格："));
    styleComboBox = new QComboBox;
    styleComboBox->addItem(tr("SolidLine"), static_cast<int>(Qt::SolidLine));
    styleComboBox->addItem(tr("DashLine"), static_cast<int>(Qt::DashLine));
    styleComboBox->addItem(tr("DotLine"), static_cast<int>(Qt::DotLine));
    styleComboBox->addItem(tr("DashDotLine"), static_cast<int>(Qt::DashDotLine));
    styleComboBox->addItem(tr("DashDotDotLine"), static_cast<int>(Qt::DashDotDotLine));
    connect(styleComboBox, SIGNAL(activated(int)), this, SLOT(showStyle()));
    widthLabel = new QLabel(tr("线宽："));
    widthSpinBox = new QSpinBox;
    connect(widthSpinBox, SIGNAL(valueChanged(int)), drawWidget, SLOT(setWidth(int)));
    colorBtn = new QToolButton;
    QPixmap pixmap(20, 20);
    pixmap.fill(Qt::black);
    colorBtn->setIcon(QIcon(pixmap));
    connect(colorBtn, SIGNAL(clicked()), this, SLOT(showColor()));
    clearBtn = new QToolButton;
    connect(clearBtn, SIGNAL(clicked()), drawWidget, SLOT(clear()));
    toolbar->addWidget(stylelabel);
    toolbar->addWidget(styleComboBox);
    toolbar->addWidget(widthLabel);
    toolbar->addWidget(widthSpinBox);
    toolbar->addWidget(colorBtn);
    toolbar->addWidget(clearBtn);
}
void MainWindow::showStyle()
{
    drawWidget->setStyle(styleComboBox->itemData(styleComboBox->currentIndex(), Qt::UserRole).toInt());
}
void MainWindow::showColor()
{
    QColor color = QColorDialog::getColor(static_cast<int>(Qt::black), this);
    if(color.isValid())//有效颜色
    {
        drawWidget->setColor(color);
        QPixmap p(20, 20);
        p.fill(color);
        colorBtn->setIcon(QIcon(p));//更新按钮颜色
    }
}


  • main.cpp
#include "mainwindow.h"
#include <QApplication>
#include <QFont>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    QFont font("ZYSong18030", 12);
    a.setFont(font);
    MainWindow w;
    w.show();
    return a.exec();
}

20200311001318462.gif

Qt5 显示SVG格式图片

SVG（即可缩放的矢量图片）。它是由万维网联盟在2000年8月指定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准，是一个开放的图形标准。

SVG格式的特点如下：


  • 基于XML
  • 采用文本来描述对象
  • 具有交互性和动态性
  • 完全支持DOM

SVG相对于GIF、JPEG格式的优势是，SVG是一种矢量图片格式，比GIF、JPEG等栅格格式具有众多优势，如文件小，对于网络而言，下载速度快；可任意缩放而不会破坏图像的清晰度和细节；图像中的文字独立于图像，文字保留可编辑和可搜寻的状态，也没有字体的限制，用户系统即使没有安装某一种字体，也可看到与制作时完全相同的画面等。正是基于它的格式的各种优点及开放性，SVG得到了众多组织和知名厂商的支持与认可，因此能够迅速地开发和推广应用。


Qt为SVG格式的图片显示与生成提供了专门的QtSvg模块，此模块中包含了与SVG图形相关的所有类，主要有QSvgWidget、QSvgRender和QGraphicsSvgItem。


示例

创建一个打开显示SVG图片的窗口，能够使用鼠标滚轮进行放大缩小及左键拖动。

代码结构如下：

20200315090455968.png

具体代码如下：


  • main.cpp
#include "mainwindow.h"
#include <QApplication>
int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}


  • mainwindow.h
#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include "svgwindow.h"
class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    MainWindow(QWidget *parent = nullptr);
    ~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);
}
MainWindow::~MainWindow()
{
}
void MainWindow::createMenu()
{
    QMenu *fileMenu = menuBar()->addMenu(tr("文件"));
    QAction *openAct = new QAction(tr("打开"), this);
    connect(openAct, SIGNAL(triggered()), this, SLOT(slotOpenFile()));
    fileMenu->addAction(openAct);
}
void MainWindow::slotOpenFile()
{
    QString name = QFileDialog::getOpenFileName(this, "打开", "/", "svg files(*.svg)");
    svgWindow->setFile(name);
}


  • svgwindow.h
#ifndef SVGWINDOW_H
#define SVGWINDOW_H
#include <QObject>
#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 scrollBarValuesOnMousePress;
};
#endif // SVGWINDOW_H


  • svgwindow.cpp
#include "svgwindow.h"
SvgWindow::SvgWindow(QWidget *parent):QScrollArea(parent)
{
    svgWidget = new SvgWidget;
    setWidget(svgWidget);//设置滚动区窗体
}
void SvgWindow::setFile(QString fileName)
{
    svgWidget->load(fileName);//加载新文件并显示
    QSvgRenderer *render = svgWidget->renderer();
    svgWidget->resize(render->defaultSize());//使窗体安装SVG图片默认尺寸进行显示。
}
void SvgWindow::mousePressEvent(QMouseEvent *ev)
{
    mousePressPos = ev->pos();
    scrollBarValuesOnMousePress.rx() = horizontalScrollBar()->value();
    scrollBarValuesOnMousePress.ry() = verticalScrollBar()->value();
    ev->accept();
}
void SvgWindow::mouseMoveEvent(QMouseEvent *ev)
{
    horizontalScrollBar()->setValue(scrollBarValuesOnMousePress.x()- ev->pos().x() + mousePressPos.x());//设置水平滑轮新位置
    verticalScrollBar()->setValue(scrollBarValuesOnMousePress.y() - ev->pos().y() + mousePressPos.y());//对垂直滑轮进行设置
    horizontalScrollBar()->update();
    verticalScrollBar()->update();
    ev->accept();
}


  • svgwidget.h
#ifndef SVGWIDGET_H
#define SVGWIDGET_H
#include <QObject>
#include <QtSvg>
#include <QSvgWidget>
#include <QSvgRenderer>
class SvgWidget : public QSvgWidget
{
    Q_OBJECT
public:
    SvgWidget(QWidget *parent = 0);
    void wheelEvent(QWheelEvent *);//响应鼠标的滚轮事件，使SVG图片允许通过鼠标滚轮进行缩放。
private:
    QSvgRenderer *render;//用于图片显示尺寸的确定
};
#endif // SVGWIDGET_H


  • svgwidget.cpp
#include "svgwidget.h"
SvgWidget::SvgWidget(QWidget *parent):QSvgWidget(parent)
{
    render = renderer();
}
void SvgWidget::wheelEvent(QWheelEvent *ev)
{
    const double diff = 0.1;    //缩放比例
    //获取图片当前尺寸
    QSize size = render->defaultSize();
    int width = size.width();
    int height = size.height();
    if(ev->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(width, height);//利用新的长、宽值进行resize操作。
}


执行结果：

20200315090705194.gif

文章标签：
JavaScript
数据格式
XML
关键词：
Qt图片
Qt图形
跑不了的你
目录
相关文章
实沈
|
6月前
|
计算机视觉 C++
基于Qt的简易图片浏览器设计与实现
基于Qt的简易图片浏览器设计与实现
实沈
289 1
turbolove
|
6月前
|
存储
QT图形视图框架绘制曲线图和Smith图
QT图形视图框架绘制曲线图和Smith图
turbolove
111 0
abcd552191868
|
6月前
|
存储 容器
QT中QListWidget实现QListWidgetItem图片和文字居中
在使用QT开发软件的过程中，很多时候使用QListWidget来实现列表项的功能，比如MS系统的功能模块菜单，如下面2张图所示，其中第一张图是带文字和图标的列表项，第二张图是纯图标的模式，在最近开发的平台客户端的某个功能模块都用上了。
abcd552191868
1008 0
泡沫o0
|
6月前
|
数据可视化 图形学 开发者
【Qt 底层机制之图形渲染引擎】深入理解 Qt 的 渲染机制：从基础渲染到高级图形
【Qt 底层机制之图形渲染引擎】深入理解 Qt 的 渲染机制：从基础渲染到高级图形
泡沫o0
953 4
DS小龙哥
|
4月前
|
数据安全/隐私保护 C++ 计算机视觉
Qt(C++)开发一款图片防盗用水印制作小工具
文本水印是一种常用的防盗用手段，可以将文本信息嵌入到图片、视频等文件中，用于识别和证明文件的版权归属。在数字化和网络化的时代，大量的原创作品容易被不法分子盗用或侵犯版权，因此加入文本水印成为了保护原创作品和维护知识产权的必要手段。 通常情况下，文本水印可以包含版权声明、制作者姓名、日期、网址等信息，以帮助识别文件的来源和版权归属。同时，为了增强防盗用效果，文本水印通常会采用字体、颜色、角度等多种组合方式，使得水印难以被删除或篡改，有效地降低了盗用意愿和风险。 开发人员可以使用图像处理技术和编程语言实现文本水印的功能，例如使用Qt的QPainter类进行文本绘制操作，将文本信息嵌入到图片中，
DS小龙哥
178 1
Qt(C++)开发一款图片防盗用水印制作小工具
zcq5jk6y5y5e4
|
3月前
|
计算机视觉
使用QT显示OpenCV读取的图片
使用QT显示OpenCV读取的图片
zcq5jk6y5y5e4
68 1
大柏怎么被偷了
|
3月前
|
XML Linux C++
【Qt】图形化和纯代码实现Hello world的比较
【Qt】图形化和纯代码实现Hello world的比较
大柏怎么被偷了
21 0
好奇的菜鸟
|
5月前
Qt绘图(线条、椭圆、矩形、图片滚动)
Qt绘图(线条、椭圆、矩形、图片滚动)
好奇的菜鸟
335 3
richard_yuu
|
5月前
|
算法 计算机视觉
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
【Qt&OpenCV QGraphicsView显示OpenCV读入的图片】
richard_yuu
74 0
梦回阑珊~
|
C++
《QT从基础到进阶·二十六》绘制多个图形项（QGraphicsRectItem，QGraphicsLineItem，QGraphicsPolygonItem）
《QT从基础到进阶·二十六》绘制多个图形项（QGraphicsRectItem，QGraphicsLineItem，QGraphicsPolygonItem）
梦回阑珊~
225 0

热门文章

最新文章

  • 1
    Qt编写安防视频监控系统4-删除视频
  • 2
    Qt核心剖析：信息隐藏(2)
  • 3
    Qt Creator编译项目，报错，error: LNK1158: 无法运行“rc.exe”
  • 4
    Qt Creator指定临时文件生成目录(MOC_DIR/RCC_DIR等)和PWD/OUT_PWD/.pro官方文档
  • 5
    Qt开源作品1-视频流播放ffmpeg内核
  • 6
    QT刷屏函数
  • 7
    使用qt实现简易示波器功能
  • 8
    Visual Studio下程序开发: 编译QT程序Debug正常,Release出错
  • 9
    Qt编写的项目作品25-硬件综合应用(热敏打印+身份证+短信猫)
  • 10
    基于C++(QT框架)设计的网络摄像头项目(支持跨平台运行)
  • 1
    `pytest-qt` 是一个用于在 Qt 应用程序中进行 GUI 测试的 pytest 插件。
    172
  • 2
    好的资源-----打卡机+Arm+Qt+OpenCV嵌入式项目-基于人脸识别的考勤系统-----B站神经网络与深度学习，商城
    79
  • 3
    QT：基于QMediaPlayer制作的视频播放器(最下方有整合包，可直接运行)
    460
  • 4
    基于QT实现的拷贝文件以及实时进度条(简易版)
    482
  • 5
    【Qt应用开发】复刻经典：基于Qt实现Windows风格计算器（加减乘除、删除、归零功能全解析）
    140
  • 6
    基于QT实现的QQ聊天简易版（UDP通信版）
    102
  • 7
    基于QT实现的词典(附源码)
    89
  • 8
    Qt连接Mysql出现问题（一）：“Driver not loaded Driver not loaded“
    734
  • 9
    Qt问题（二）：无法定位程序输入点于动态链接库
    449
  • 10
    Qt中的网络编程（Tcp和Udp）运用详解以及简单示范案例
    623

    • 相关电子书

    更多
  • 360°全景视频播放器的实现原理
  • 低代码开发师（初级）实战教程
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 图表样式智能美化工具

    • 推荐镜像

    更多
  • qt
  • blender
  • msys2
    • 下一篇
    阿里云OSS设置跨域访问