首页 > 其他 > 详细

QT 图片放大镜效果实现

时间:2021-09-03 19:03:25      阅读:12      评论:0      收藏:0      [点我收藏+]

心血来潮,想做一个放大镜功能,网上冲浪一番后,感觉很多人实现的都很复杂,我按照自己的思路实现了一个。

先看效果:

技术分享图片

 

实现思路:

使用QPixmap拷贝鼠标位置开始的固定大小的图片,然后填充到一个指定的QLabel里,

放大的效果就是目标QLabel的宽高要是拷贝图片的倍数。

具体实现:

void QtSimpleDemo::initUI()
{
QHBoxLayout *hBox = new QHBoxLayout();

QLabel *lab = new QLabel(this);
m_ShowImgLab = new QLabel(this);
//m_Pixmap = new QPixmap();
m_Pixmap.load(":/QtSimpleDemo/Resource/mudan_flower.png");
lab->setPixmap(m_Pixmap);
m_ShowImgLab->setFixedSize(200, 200);
m_ShowImgLab->setScaledContents(true);
m_Slider = new QSlider();

m_Slider->setValue(50);
m_Slider->setMaximum(100);
m_Slider->setMinimum(0);


QVBoxLayout *vBox = new QVBoxLayout();

vBox->addWidget(m_ShowImgLab, 2);
vBox->addWidget(m_Slider, 3);

hBox->addWidget(lab, 4);
hBox->addLayout(vBox, 1);

setLayout(hBox);
}

 

void QtSimpleDemo::mouseMoveEvent(QMouseEvent *e)
{
int x = e->pos().x() - 50;
int y = e->pos().y() - 50;
int w = 100;
int h = 100;

m_DstPixmap = m_Pixmap.copy(x, y, w, h);

//m_DstPixmap.scaled(w * 2, h * 2, Qt::IgnoreAspectRatio);

m_ShowImgLab->setPixmap(m_DstPixmap);
}

 

忽略掉进度条的实现,进度条是测试另一个功能添加的。

鼠标在图片上按下移动,就能看到效果了。

有问题欢迎讨论,感兴趣的话,赶快自己试试吧。

QT 图片放大镜效果实现

原文:https://www.cnblogs.com/nmhome/p/15223498.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!