qt,滚动条,放大缩小拖动图片

头文件

cpp 复制代码
#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QLabel>
#include <QWheelEvent>
#include <QMouseEvent>
#include <QtDebug>

#include <math.h>
#include <QPainter>
#include <QTimer>
#include <QWidget>
#include<QPushButton>

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

protected:
    void wheelEvent(QWheelEvent *event);        // 用鼠标滚轮事件实现图像放大缩小
    void paintEvent(QPaintEvent *);             //重绘事件
    void mousePressEvent(QMouseEvent *e);
    void mouseMoveEvent(QMouseEvent *e);
    void mouseReleaseEvent(QMouseEvent *e);

    void OnZoomInImage();
    void OnZoomOutImage();

private:
    Ui::MainWindow *ui;

    QString LocalFileName;
    QImage Image;
    int X_move;
    int Y_move;
    double ZoomValue;
    QPoint oldPos;
    bool isPressed;
};


class RulerWidget : public QWidget
{
public:
    RulerWidget(QWidget *parent = nullptr) : QWidget(parent)
    {
        setMinimumHeight(30); // 设置控件高度
        setStyleSheet("background-color: #F0F2F5;");
    }

protected:
    void paintEvent(QPaintEvent *event) override
    {
        QPainter painter(this);
        painter.setRenderHint(QPainter::Antialiasing);

        int width = this->width();
        int height = this->height();

        // 绘制刻度线
        painter.setPen(Qt::black);

        for (int i = 0; i <= width; i += 10)
        {
            bool isLargeTick = (i % 50 == 0); // 每隔50像素绘制一个大刻度线

            if (isLargeTick)
            {
                painter.drawLine(i, height - 10, i, height);
                painter.drawText(i - 10, height - 25, QString::number(i));
            }
            else
            {
                painter.drawLine(i, height - 5, i, height);
            }
        }
    }
};

#endif // MAINWINDOW_H

cpp

cpp 复制代码
#include "mainwindow.h"
#include "ui_mainwindow.h"


MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);


    LocalFileName = QString(":/img/test.PNG");
    ZoomValue = 1.0;
    X_move= 0;
    Y_move= 0;

}

MainWindow::~MainWindow()
{
    delete ui;
}


void MainWindow::paintEvent(QPaintEvent *event)
{
    if(LocalFileName.isNull())
    {
        return QWidget::paintEvent(event);
    }

    //加载图片
    if(Image.load(LocalFileName))
    {
        QPainter painter(this);
        //根据窗口计算应该显示的图片的大小
        int width = qMin(Image.width() , this->width());                                                //返回较小值
        int height = (width * 1.0)/(Image.width()*1.0 / Image.height());          //width/height图像跟label会根据宽对齐。 height / width则根据长对齐
        height = qMin(height , this->height());
        width = height * 1.0 *(Image.width() *1.0 / Image.height());

        // 平移
        painter.translate(this->width() / 2 + X_move, this->height() /2 + Y_move);     // int X_move , Y_move ; x y 轴平移的距离
        // 缩放
        painter.scale(ZoomValue , ZoomValue);                                          //qreal ZoomValue ;鼠标缩放位置

        // 绘制图像
        QRect pecRect(-width / 2 , -height /2 , width , height);              //画显示框  前两个参数是坐标原地(0,0 在label中心) 后两个天参数是长宽
        painter.drawImage(pecRect , Image);

    }else{
        qDebug() << "load failed";
    }

}


//鼠标滚轮事件
void MainWindow::wheelEvent(QWheelEvent *event)
{
    int value = event->delta();
    if(value > 0)
        OnZoomInImage();//放大
    else
        OnZoomOutImage();//缩小

    update();
}


void MainWindow::mousePressEvent(QMouseEvent *e)
{
    oldPos = e->pos();
    isPressed = true;
}
void MainWindow::mouseMoveEvent(QMouseEvent *e)
{
    if(!isPressed || ZoomValue==1.0)
      return QWidget::mouseMoveEvent(e);

    this->setCursor(Qt::SizeAllCursor);
    QPoint pos = e->pos();
    int xPtInterval = pos.x() - oldPos.x();
    int yPtInterval = pos.y() - oldPos.y();

    X_move+= xPtInterval;
    //Y_move+= yPtInterval;
    oldPos = pos;

    update();
}

void MainWindow::mouseReleaseEvent(QMouseEvent *e)
{
    Q_UNUSED(e);
    setCursor(Qt::ArrowCursor);
    isPressed = false;
}


void MainWindow::OnZoomInImage()
{
    ZoomValue += 0.10;
    if(ZoomValue >= 5.0)
    {
        ZoomValue = 5.0;
        return;
    }

    update();
}

void MainWindow::OnZoomOutImage()
{
    ZoomValue -= 0.10;
    if(ZoomValue <= 1.0)
    {
        ZoomValue = 1.0;
        return;
    }

    update();
}
相关推荐
野猪亨利66720 分钟前
Qt day1
开发语言·数据库·qt
isaki13741 分钟前
qt day1
开发语言·数据库·qt
流星白龙1 小时前
【Qt】4.项目文件解析
开发语言·数据库·qt
早点.早点.3 小时前
QT登陆界面
开发语言·qt
流星白龙6 小时前
【Qt】7.信号和槽_connect函数用法(1)
开发语言·数据库·qt
流星白龙10 小时前
【Qt】1.安装QT
开发语言·qt
superxxd12 小时前
跨平台音频IO处理库libsoundio实践
开发语言·qt·音视频
ajassi200014 小时前
开源 C++ QT QML 开发(二十)多媒体--摄像头拍照
c++·qt·开源
AI+程序员在路上1 天前
QT6中Combo Box与Combo BoxFont 功能及用法
c++·qt
蓝天智能1 天前
QT QML交互原理:信号与槽机制
开发语言·qt·交互