我们在做项目的时候,有一个这样的需求,就是一个按钮,鼠标放上去之后,就会弹出一张图片,鼠标移开,图片就消失。
比如这样的按钮,
鼠标放上去之后,就会弹出对话框
该怎么做呢?
其中,
1.那个带图标的按钮, 其实是个QToolButton, 可以设置前面图标,后面文字。
2.使用QLabel 显示图片
m_pStandardLabel = new QLabel(this);
QPixmap pixmap(qApp->applicationDirPath() + "/scoreStandard.png");
m_pStandardLabel->setPixmap(pixmap);
m_pStandardLabel->resize(619, 471);
m_pStandardLabel->hide();
3.安装事件过滤器(需要给QToolButton 和显示图片的QLabel都要安装)
ui->scoreStandardBtn->installEventFilter(this);
m_pStandardLabel->installEventFilter(this);
4.重写事件过滤器
bool eventFilter(QObject *watched, QEvent *event);
bool QcTaskDetailForm::eventFilter(QObject *watched, QEvent *event)
{
if(ui->scoreStandardBtn == watched || m_pStandardLabel == watched) {
if(QEvent::Enter == event->type()) { //鼠标进入
if (m_pStandardLabel->isHidden()) { //已经隐藏就显示出来
m_pStandardLabel->show();
QPoint point = ui->scoreStandardBtn->pos();
point.rx() = point.x() - m_pStandardLabel->width() + 120;
point.ry() = point.y() + ui->scoreStandardBtn->height() + 40;
m_pStandardLabel->move(point);
m_pStandardLabel->raise();//显示最顶层
return true;
}
}
else if (QEvent::Leave == event->type()) { //鼠标离开
if (!m_pStandardLabel->isHidden()) {
if(!ui->scoreStandardBtn->geometry().contains(this->mapFromGlobal(QCursor::pos())) //判断鼠标是否在控件上
&&!m_pStandardLabel->geometry().contains(this->mapFromGlobal(QCursor::pos())) )
{
m_pStandardLabel->hide();
return true;
}
}
}
}
return QWidget::eventFilter(watched, event);
}