QT 图片放大镜效果实现

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

先看效果:

QT 图片放大镜效果实现

 

实现思路:

使用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 图片放大镜效果实现

上一篇:通过CRM管理线索和商机提升企业销售额


下一篇:Composer 使用