QT 通过鼠标事件实现图片的拖动和缩放

通过鼠标拖动来移动图片,并使用鼠标滚轮来缩放图片。

1、实现步骤:

1、移动图片:

使用QPoint记录图片的偏移量,当鼠标拖动时更新这个偏移量,在paintEvent()中根据偏移量绘制图片。

2、缩放图片:

使用滚轮事件调整图片的缩放倍数,在paintEvent()中重新绘制图片时应用缩放。

2、完整的解决方案:

1、ImageWidget.h

#ifndef IMAGEWIDGET_H
#define IMAGEWIDGET_H#include <QApplication>
#include <QWidget>
#include <QLabel>
#include <QPixmap>
#include <QMouseEvent>
#include <QWheelEvent>
#include <QPainter>
#include <QVBoxLayout>
#include <QDebug>class ImageWidget : public QWidget
{Q_OBJECTpublic:ImageWidget(QWidget *parent = nullptr);
protected:// 重写paintEvent,用于绘制图片void paintEvent(QPaintEvent *event) override;// 鼠标按下事件void mousePressEvent(QMouseEvent *event) override;// 鼠标移动事件void mouseMoveEvent(QMouseEvent *event) override;// 鼠标释放事件void mouseReleaseEvent(QMouseEvent *event) override;// 滚轮事件,用于缩放图片void wheelEvent(QWheelEvent *event) override;private:QPixmap pixmap;            // 图片QPoint lastMousePosition;  // 上一次鼠标点击的位置QPoint offset;             // 图片的偏移量bool isDragging;           // 标记是否正在拖动图片double scaleFactor;        // 缩放倍数
};#endif // IMAGEWIDGET_H

2、ImageWidget.cpp

#include "imagewidget.h"ImageWidget::ImageWidget(QWidget *parent) : QWidget(parent)
{// 加载图片pixmap = QPixmap(R"(C:\Users\LiangQL\Desktop\开发者基础认证.jpg)");  // 替换成你的图片路径scaleFactor = 1.0;        // 初始缩放因子为1isDragging = false;       // 初始状态下不拖动offset = QPoint(0, 0);    // 图片的初始偏移为(0, 0)
}
// 重写paintEvent,用于绘制图片
void ImageWidget::paintEvent(QPaintEvent *event)
{// 创建一个QPainter,用于绘制图片QPainter painter(this);painter.setRenderHint(QPainter::SmoothPixmapTransform);  // 开启平滑缩放// 计算缩放后的图片尺寸QSize scaledSize = pixmap.size() * scaleFactor;// 绘制图片,应用缩放和偏移量painter.drawPixmap(offset, pixmap.scaled(scaledSize, Qt::KeepAspectRatio, Qt::SmoothTransformation));
}// 鼠标按下事件
void ImageWidget::mousePressEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton) {isDragging = true;                // 开始拖动lastMousePosition = event->pos(); // 记录鼠标点击位置}
}// 鼠标移动事件
void ImageWidget::mouseMoveEvent(QMouseEvent *event)
{if (isDragging) {// 计算鼠标的移动距离QPoint delta = event->pos() - lastMousePosition;// 更新图片的偏移量offset += delta;// 更新鼠标位置lastMousePosition = event->pos();// 触发重新绘制update();}
}// 鼠标释放事件
void ImageWidget::mouseReleaseEvent(QMouseEvent *event)
{if (event->button() == Qt::LeftButton) {isDragging = false;  // 结束拖动}
}// 滚轮事件,用于缩放图片
void ImageWidget::wheelEvent(QWheelEvent *event)
{// 滚轮向上放大,向下缩小if (event->angleDelta().y() > 0) {scaleFactor *= 1.1;  // 放大} else {scaleFactor /= 1.1;  // 缩小}// 限制缩放范围scaleFactor = qBound(0.1, scaleFactor, 10.0);// 更新显示update();
}

3、 调用main.cpp

#include <QApplication>
#include <QWidget>
#include <QLabel>
#include <QPixmap>
#include <QMouseEvent>
#include <QWheelEvent>
#include <QPainter>
#include <QVBoxLayout>
#include <QDebug>
#include "ImageWidget.h"int main(int argc, char *argv[])
{QApplication app(argc, argv);// 创建主窗口QWidget window;window.setFixedSize(800, 600);  // 设置窗口大小// 创建图片控件(自定义的类)ImageWidget *imageWidget = new ImageWidget;// 使用布局管理器将图片控件放置在窗口中QVBoxLayout *layout = new QVBoxLayout(&window);layout->addWidget(imageWidget);// 显示主窗口window.show();return app.exec();
}

3、详细解释:

1. paintEvent() 重绘图片:

paintEvent()方法用于自定义控件的绘制。在这个方法中,我们使用QPainter对象来绘制图片。
pixmap.scaled():使用pixmap.scaled()方法来缩放图片,根据scaleFactor缩放图片并保持其宽高比。
painter.drawPixmap(offset, ...):在指定的偏移量位置绘制图片,offset表示图片在控件中的偏移。

2. 图片移动:

mousePressEvent():当鼠标左键按下时,记录鼠标点击位置,并开始拖动图片(isDragging = true)。
mouseMoveEvent():如果正在拖动图片(isDragging为true),则计算鼠标的移动距离,将图片的offset偏移量更新为原来的偏移量加上鼠标移动的距离。
mouseReleaseEvent():当鼠标左键释放时,结束拖动(isDragging = false)。

3. 图片缩放:

wheelEvent():处理鼠标滚轮事件。滚轮向上时,放大图片;滚轮向下时,缩小图片。
scaleFactor *= 1.1:每次滚动时,缩放倍数按10%变化。
qBound(0.1, scaleFactor, 10.0):限制缩放比例在0.1到10倍之间,防止图片缩得太小或放得太大。

4. 平滑缩放:

Qt::SmoothTransformation:使用平滑缩放算法,防止图片缩放后出现锯齿。

5. 偏移量的作用:

offset用于记录图片相对于窗口的偏移量,当鼠标拖动时,更新这个偏移量。
在paintEvent()中,每次绘制时都使用这个偏移量来控制图片的位置。
运行效果:
拖动图片:按住鼠标左键并移动,可以看到图片在窗口内部移动。
缩放图片:滚动鼠标滚轮,图片会放大或缩小,同时保持宽高比。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/55731.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

人工智能平台 PAI-DSW内置通义灵码实操

人工智能平台 PAI&#xff08;Platform for AI&#xff0c;原机器学习平台PAI&#xff09;是 AI Native 的大模型与 AIGC 工程平台&#xff0c;提供包含数据集管理、算力管理、模型工具链、模型开发、模型训练、模型部署、AI资产管理在内的功能模块&#xff0c;内置100种大模型…

02_23 种设计模式之《抽象工厂模式》

文章目录 一、抽象工厂模式抽象工厂模式的结构应用场景 示例代码&#xff08;C&#xff09;注意事项 一、抽象工厂模式 抽象工厂模式&#xff08;Abstract Factory Pattern&#xff09;隶属于设计模式中的创建型模式&#xff0c;用于产品族的构建。抽象工厂是指当有多个抽象角…

JVS·智能BI数据可视化图表:普通列表与分组列表配置全解析

使用场景 在可视化配置中&#xff0c;很多场景中需要图形和详细信息的融合展示&#xff0c;那么在图表中可以新增普通列表与分组列表的配置。如下图所示&#xff1a; 配置说明 1、新增组件&#xff1a;配置入口如下图所示&#xff0c;新增组件时&#xff0c;选择普通列表与分…

前端vue-配置请求拦截器

1.配置拦截器&#xff0c;记得20行的导出 2.响应拦截器&#xff0c;记得28行的导出 3.拦截器不止可以拦截&#xff0c;还可以添加内容

Custom C++ and CUDA Extensions - PyTorch

0. Abstract 经历了一波 pybind11 和 CUDA 编程 的学习, 接下来看一看 PyTorch 官方给的 C/CUDA 扩展的教程. 发现极其简单, 就是直接用 setuptools 导出 PyTorch C 版代码的 Python 接口就可以了. 所以, 本博客包含以下内容: LibTorch 初步;C Extension 例子; 1. LibTorch …

【分布式微服务云原生】探索Dubbo:接口定义语言的多样性与选择

目录 探索Dubbo&#xff1a;接口定义语言的多样性与选择引言Dubbo的接口定义语言&#xff08;IDL&#xff09;1. Java接口2. XML配置3. 注解4. Protobuf IDL 流程图&#xff1a;Dubbo服务定义流程表格&#xff1a;Dubbo IDL方式比较结论呼吁行动Excel表格&#xff1a;Dubbo IDL…

合并村庄生活废水处理设备工艺流程

诸城市鑫淼环保小编带大家了解一下合并村庄生活废水处理设备工艺流程 设备的构造 该填料采用优质PVC材料制成&#xff0c;是一种新型的折波填料&#xff0c;间距为30mm&#xff0c;比表面积超过400m/m&#xff0c;具有不易堵塞的特点&#xff0c;表面波纹设计便于膜的附着。 该…

CSS3--美若天仙!?

免责声明&#xff1a;本文仅做分享~ 目录 CSS引入方式 选择器 盒子尺寸和背景色 文字控制属性 单行文字 垂直居中 字体族 font复合属性 文本对齐方式 文本修饰线 color 文字颜色 ----- 复合选择器 伪类选择器 超链接伪类 CSS特性 继承性 层叠性 优先级 Emmet …

H、Happy Number(2024牛客国庆集训派对day7)

题目链接&#xff1a; H-Happy Number_2024牛客国庆集训派对day7 (nowcoder.com) 题目描述&#xff1a; 翻译为中文&#xff1a; 数据范围&#xff1a; 输入样例&#xff1a; 680 输出样例&#xff1a; 326623 分析: 本来以为是dfs&#xff0c;但是看到数据范围1e9, 联想到是…

通信工程学习:什么是三网融合

三网融合 三网融合&#xff0c;又称“三网合一”&#xff0c;是指电信网、广播电视网、互联网在高层业务应用上的深度融合。这一概念在近年来随着信息技术的快速发展而逐渐受到重视&#xff0c;并成为推动信息化社会建设的重要力量。以下是对三网融合的详细解释&#xff1a; 一…

go基础面试题汇总第一弹

init函数是什么时候执行的? init的函数的作用是什么&#xff1f; 通常作为程序执行前包的初始化&#xff0c;例如mysql redis 等中间件的初始化 init函数的执行顺序是怎样的&#xff1f; 分不同情况来回答&#xff1a; 在同一个go文件里面如果有多个init方法&#xff0c;它们…

扩展、包含、泛化-系统架构师(七十七)

1&#xff08;&#xff09;是系统分析阶段结束后得到的工作产品&#xff0c;&#xff08;&#xff09;是系统测试阶段完成后的工作产品。 问题1 A系统设计规格说明 B系统方案建议书 C系统规格说明 D单元测试数据 问题2 A验收测试计划 B测试标准 C系统测试计划 D操作手…

git fetch 和 git pull 的区别

git fetch 和 git pull 的区别 git fetch 功能&#xff1a;git fetch 用于从远程仓库获取最新的代码和提交信息&#xff0c;并将其保存到本地仓库的相应远程跟踪分支中&#xff0c;不会自动合并或修改当前的工作目录或当前分支。 合并&#xff1a;此命令不会自动合并获取的更新…

社团活动助手系统小程序的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;活动分类管理&#xff0c;用户管理&#xff0c;社团活动管理&#xff0c;报名信息管理&#xff0c;签到登记管理&#xff0c;投票项目管理&#xff0c;系统管理 微信端账号功能包括&#xff1a;系统首…

四款语音转文字神器,一键搞定会议记录!

嘿&#xff0c;朋友们&#xff0c;今天咱们来聊聊那些语音转文字的免费软件吧&#xff01;在这个快节奏的时代&#xff0c;谁不想省点时间&#xff0c;少敲几下键盘呢&#xff1f;尤其是那些开会、采访或者闲聊时&#xff0c;语音消息满天飞的日子&#xff0c;一个好用的语音转…

【业务场景】最全的购物车设计与实现

前言 博主最近在做一个购物商城&#xff0c;正好设计到购物车模块&#xff0c;于是乎全面的来聊一聊购物车模块实现的一些核心要点吧&#xff0c;很值得反复品味的设计&#xff0c;当需要实现购物车的时候&#xff0c;本文应该拿来就能用。 目录 1.需要解决的核心问题清单 2…

Mybatis-plus做了什么

Mybatis-plus做了什么 Mybatis回顾以前的方案Mybatis-plus 合集总览&#xff1a;Mybatis框架梳理 聊一下mybatis-plus。你是否有过疑问&#xff0c;Mybatis-plus中BaseMapper方法对应的SQL在哪里&#xff1f;它为啥会被越来越多人接受。在Mybatis已经足够灵活的情况下&…

【分布式微服务云原生】 RPC协议:超越HTTP的远程通信艺术

目录 RPC协议&#xff1a;超越HTTP的远程通信艺术引言RPC协议的实现方式RPC的核心机制流程图&#xff1a;RPC通信流程表格&#xff1a;不同RPC实现方式的比较结论呼吁行动Excel表格&#xff1a;RPC协议实现方式总结 RPC协议&#xff1a;超越HTTP的远程通信艺术 摘要 RPC&#…

pdsh:一个用于并行执行命令的工具

pdsh&#xff08;Parallel Distributed Shell&#xff09;是一个用于并行执行命令的工具&#xff0c;可以在多个远程主机上同时运行相同的命令。它对于需要在多台服务器上执行批量操作的系统管理员和开发人员非常有用。 pdsh 介绍 主要特性 并行执行&#xff1a; pdsh 可以在…

22.第二阶段x86游戏实战2-背包遍历REP指令详解

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 本次游戏没法给 内容参考于&#xff1a;微尘网络安全 本人写的内容纯属胡编乱造&#xff0c;全都是合成造假&#xff0c;仅仅只是为了娱乐&#xff0c;请不要…