通过 QPainter 绘画实现,以本地图片985*740为例

如下图所示:

效果如下所示:

实现原理

主要通过以下函数实现:

void QPainter::drawTiledPixmap ( int x, int y, int w int h const QPixmap & pixmap, int sx = , int sy =  );
      //平铺显示pixmap
      //x y w h :表示绘画区域
      //sx sy :表示Qpixmap绘画起始位置

只要算出x y w h sx sy就能实现超出窗口不显示的效果

举个例子,如下图所示,居中显示1200*1200时:

当图片左偏移600时,也就是offset=-600时,则只能在窗口上显示一半的图片:

代码实现

widget.h:

#ifndef WIDGET_H
#define WIDGET_H #include <QWidget>
#include <QtGui> class Widget : public QWidget
{
Q_OBJECT private :
QPixmap *pix;
int action; //动作(放大,缩小,移动...)
int pixW; //图片宽
int pixH; //图片高 QRect Paint; //绘画区域 float ratio; //比例
QPoint offset; //一次的图片偏移值
QPoint Alloffset; //总偏移
QLabel label; QPushButton BigButton;
QPushButton LittleButton;
QPushButton LiftButton;
QPushButton RightButton;
QPushButton UpButton;
QPushButton DownButton; void AddComboItem(QComboBox* cmbo);
bool event(QEvent * event);
void wheelEvent(QWheelEvent* e); //鼠标滑轮事件
private slots:
void onUpClicked();
void onDownClicked();
void OnLiftClicked();
void OnRightClicked();
void onLittleClicked();
void onBigClicked(); void paintEvent(QPaintEvent *event);
public:
explicit Widget(); enum Type {
None = ,
Amplification ,
Shrink,
Lift,
Right,
Up,
Down,
Move
}; };
#endif // WIDGET_H

widget.cpp:

#include "widget.h"

Widget::Widget():
BigButton("放大",this),
LittleButton("缩小",this),
LiftButton("向左",this),
RightButton("向右",this),
UpButton("向上",this),
DownButton("向下",this),
Paint(,,,),
Alloffset(,),
label("100%",this)
{
ratio= 1.0; //初始化图片缩放比例
action = Widget::None;
pixW = ; //设置图片尺寸为985*740
pixH = ; pix = new QPixmap;
pix->load(":/pic/img.jpg"); BigButton.setGeometry(,,,);
connect(&BigButton,SIGNAL(clicked()),this,SLOT(onBigClicked())); LittleButton.setGeometry(,,,);
connect(&LittleButton,SIGNAL(clicked()),this,SLOT(onLittleClicked())); LiftButton.setGeometry(,,,);
connect(&LiftButton,SIGNAL(clicked()),this,SLOT(OnLiftClicked()));
RightButton.setGeometry(,,,);
connect(&RightButton,SIGNAL(clicked()),this,SLOT(OnRightClicked()));
UpButton.setGeometry(,,,);
connect(&UpButton,SIGNAL(clicked()),this,SLOT(onUpClicked()));
DownButton.setGeometry(,,,);
connect(&DownButton,SIGNAL(clicked()),this,SLOT(onDownClicked()));
label.move(,);
resize(,); } bool Widget::event(QEvent * event)
{
static bool press=false;
static QPoint PreDot; if(event->type() == QEvent::MouseButtonPress )
{
QMouseEvent *mouse = dynamic_cast<QMouseEvent* >(event); //判断鼠标是否是左键按下,且鼠标位置是否在绘画区域
if(mouse->button()==Qt::LeftButton &&Paint.contains(mouse->pos()))
{
press=true;
QApplication::setOverrideCursor(Qt::OpenHandCursor); //设置鼠标样式 PreDot = mouse->pos();
} }
else if(event->type() == QEvent::MouseButtonRelease)
{
QMouseEvent *mouse = dynamic_cast<QMouseEvent* >(event); //判断鼠标是否是左键释放,且之前是在绘画区域
if(mouse->button()==Qt::LeftButton && press )
{
QApplication::setOverrideCursor(Qt::ArrowCursor); //改回鼠标样式
press=false;
}
} if(event->type() == QEvent::MouseMove) //移动图片
{
if(press)
{
QMouseEvent *mouse = dynamic_cast<QMouseEvent* >(event); offset.setX(mouse->x() - PreDot.x());
offset.setY(mouse->y() - PreDot.y());
PreDot = mouse->pos();
action = Widget::Move;
this->update();
}
}
return QWidget::event(event);
} void Widget::wheelEvent(QWheelEvent* event) //鼠标滑轮事件
{
if (event->delta()>) { //上滑,缩小 action=Widget::Shrink;
this->update(); } else { //下滑,放大
action=Widget::Amplification;
this->update();
} event->accept();
} void Widget::paintEvent(QPaintEvent *event)
{
QPainter painter(this);
int NowW = ratio *pixW;
int NowH = ratio *pixH; if(action==Widget::Amplification) //缩小
{
ratio-=0.1*ratio;
if(ratio<0.018)
ratio = 0.01; /*显示比例*/
QString str;
str.sprintf("%.0f%",ratio*);
label.setText(str) ;
}
else if(action==Widget::Shrink) //放大
{ ratio+=0.1*ratio;
if(ratio>4.5)
ratio = 5.000; /*显示比例*/
QString str;
str.sprintf("%.0f%",ratio*);
label.setText(str);
}
if(action==Widget::Amplification || action==Widget::Shrink) //更新图片
{
NowW = ratio *pixW;
NowH = ratio *pixH;
pix->load(":/pic/img.jpg"); //重新装载,因为之前的图片已经被缩放过
*pix = pix->scaled(NowW, NowH,Qt::KeepAspectRatio);
action=Widget::None; } if(action==Widget::Move) //移动
{
int offsetx=Alloffset.x()+offset.x();
Alloffset.setX(offsetx); int offsety=Alloffset.y()+offset.y();
Alloffset.setY(offsety);
action=Widget::None;
} if(abs(Alloffset.x())>=(Paint.width()/ + NowW/ -)) //限制X偏移值
{
if(Alloffset.x()>)
Alloffset.setX(Paint.width()/ + NowW/ -);
else
Alloffset.setX(-Paint.width()/ + -NowW/ +);
}
if(abs(Alloffset.y())>=(Paint.height()/ + NowH/ -)) //限制Y偏移值
{
if(Alloffset.y()>)
Alloffset.setY(Paint.height()/ + NowH/ -);
else
Alloffset.setY(-Paint.height()/ + -NowH/ +); } int x = Paint.width()/ + Alloffset.x() -NowW/;
if(x<)
x=; int y = Paint.height()/ + Alloffset.y() -NowH/;
if(y<)
y=; int sx = NowW/ - Paint.width()/ - Alloffset.x();
if(sx<)
sx=; int sy = NowH/ - Paint.height()/ - Alloffset.y();
if(sy<)
sy=; int w =(NowW - sx)>Paint.width()? Paint.width() : (NowW - sx);
if(w>(Paint.width()-x))
w = Paint.width()-x; int h =(NowH - sy)>Paint.height()? Paint.height() : (NowH - sy);
if(h>(Paint.height()-y))
h = Paint.height()-y; painter.drawRect(Paint.x()-,Paint.y()-,Paint.width()+,Paint.height()+); //画框
painter.drawTiledPixmap(x+Paint.x(),y+Paint.y(),w,h,*pix,sx,sy); //绘画图形
} void Widget::onLittleClicked()
{
action=Widget::Amplification;
this->update();
} void Widget::onBigClicked()
{
action=Widget::Shrink;
this->update();
}
void Widget::onUpClicked()
{
action=Widget::Move;
offset.setX();
offset.setY(-); this->update();
}
void Widget::onDownClicked()
{
action=Widget::Move;
offset.setX();
offset.setY();
this->update();
}
void Widget::OnLiftClicked()
{
action=Widget::Move;
offset.setX(-);
offset.setY(); this->update();
}
void Widget::OnRightClicked()
{
action=Widget::Move;
offset.setX() ;
offset.setY() ; this->update();
}

20.QT-Qpixmap实现图片鼠标缩放,鼠标拖动示例(详解)的更多相关文章

  1. VS+Qt+Halcon——显示图片,实现鼠标缩放、移动图片

    摘要 本篇博文记录一下,用VS+Qt+Halcon实现对图片的读取以及鼠标缩放,移动(鼠标事件调用了halcon自带的算子)的过程.以及遇到的坑..... 先来看一下动态效果图: 主要控件: 添加一个 ...

  2. 第15.12节PyQt(Python+Qt)入门学习:可视化设计界面组件布局详解

    一.引言 在Qt Designer中,在左边部件栏的提供了界面布局相关部件,如图: 可以看到共包含有四种布局部件,分别是垂直布局(Vertical Layout).水平布局(Horizontal La ...

  3. (转)JPEG图片数据结构分析- 附Png数据格式详解.doc

       一.简述 JPEG是一个压缩标准,又可分为标准JPEG.渐进式JPEG及JPEG2000三种: ①标准JPEG:以24位颜色存储单个光栅图像,是与平台无关的格式,支持最高级别的压缩,不过,这种压 ...

  4. Qt QPixmap QImage 图片等比例缩放到指定大小

    QPixmap pixmap(path); //pixmap=QPixmap::fromImage(imgShow); pixmap = pixmap.scaled(, , Qt::KeepAspec ...

  5. QPixmap,QImage图片大小缩放linux版

    注意事项: 1.装载图片的地址有时候会读取不到.可以多摸索一下当前系统对应的格式. 2.scaled缩放方式选择 3.注意保存路径.下面程序保存路径是当前执行文件目录中. PicOpera::PicO ...

  6. 如何用jQuery实现div随鼠标移动而移动(详解)?----2017-05-12

    重点是弄清楚如何获取鼠标现位置与移动后位置,div现在位置与移动后位置: 用jQuery实现div随鼠标移动而移动,不是鼠标自身的位置!!而是div相对于之前位置的移动 代码如下:(注意看绿色部分的解 ...

  7. Android仿微信朋友圈图片浏览器(支持图片手势缩放,拖动)

    ※效果 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGluZ2xvbmd4aW4yNA==/font/5a6L5L2T/fontsize/400/fil ...

  8. PyQt(Python+Qt)学习随笔:QLineEdit行编辑器功能详解

    专栏:Python基础教程目录 专栏:使用PyQt开发图形界面Python应用 专栏:PyQt入门学习 老猿Python博文目录 一.概述 QLineEdit部件是一个单行文本编辑器,支持撤消和重做. ...

  9. 图片懒加载lazyload.js详解

    简介 lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载,这是与预加载相反的. 优点 它可以提高页面加载速度: 在某些情况清晰它也可以帮助减少服务器负载. ...

随机推荐

  1. AndFix使用感想

    AndFix已经使用了一段时间了,但是到AndFix上看了一下,最近2个月都没有更新代码了,有141个issues和3个pull request没人处理,其实AndFix的Contributors就俩 ...

  2. Linux的常用命令(1) - 指定运行级别

    命令:init [0123456] 运行级别 0:关机 1:单用户 2:多用户状态没有网络服务 3:多用户状态有网络服务 4:系统未使用保留给用户 5:图形界面 6:系统重启 常用运行级别是3和5,要 ...

  3. This version of the rendering library is more recent than your version of ADT plug-in. Please update

    预览layout.xml文件时提示: This version of the rendering library is more recent than your version of ADT plu ...

  4. 如何来看单片机外设A/D转换器ADC0804时序图

    如图,为单片机AD转换器的一种: ADC0804单片集成A/D转换器.它采用CMOS工艺20引脚集成芯片,分辩率为8位,转换时间为100µs,输入电压范围为0-5V.芯片内具有三态输出数据锁存器,可直 ...

  5. Leetcode_223_Rectangle Area

    本文是在学习中的总结,欢迎转载但请注明出处:http://blog.csdn.net/pistolove/article/details/46868363 Find the total area co ...

  6. linux文件查找及操作

    在linux下查找文件的办法最常用的就是find指令,让我们来看一下find指令如何来使用吧: find find . -name  txt             //在当前目录查找名字为txt的文 ...

  7. Android Studio Gradle Configuration Errors总结

    初次看到这个错误,我从下手Error:Configuration with name 'default' not found.  只知道这是由于android的grad项目构建的时候出现的错误,但是具 ...

  8. OpenCV——PS图层混合算法(六)

    具体的算法原理可以参考: PS图层混合算法之六(差值,溶解, 排除) // PS_Algorithm.h #ifndef PS_ALGORITHM_H_INCLUDED #define PS_ALGO ...

  9. leetCode(66)-Excel Sheet Column Title

    题目: Given a positive integer, return its corresponding column title as appear in an Excel sheet. For ...

  10. oo修仙之路

    写在前面: 之前听说过oo这门课的威力,计院全体修仙现场的图也被转了不知多少遍,然而自己不亲身经历就不知这门课的难度所在.每次debug时耳边总会想起三国杀里面周瑜的话"挣扎吧,在血和暗的深 ...