Qt⿏标悬浮按钮上出现浮窗效果
操作：
⿏标hover于Btn(or other widget)，在指定位置显⽰想要的widget(或其他控件窗⼝)
⽅法：重载以下⼏个api
void paintEvent(QPaintEvent *); //由于重载QPushbutton，normal, hover, pressed 按钮的状态需要重新设定
void enterEvent(QEvent*event); //⿏标进⼊的时候发送信号显⽰ diy widget
void leaveEvent(QEvent*event); //⿏标离开的时候发送信号隐藏 diy widget
qq消息实现：
类原型：
//构造的时候需要将normal，hover, pressed的状态的图⽚，其他多余的为扩展，taskPix为任务图标类似QQ消息右上⾓的⼩红点，当然也可以⾃⼰画
class MyBtn :public QPushButton {
Q_OBJECT
public:
MyBtn(QWidget *parent, QString Text, QPixmap NorPix, QPixmap HoverTipsPix, QPixmap PressedTaskpix, QPixmap TaskPix);
void init();
void SetTaskCounts(int counts) { TaskCounts = counts; }
void setCurrenPix(QPixmap pix) { CurrenPix = pix; }
QTimer *pTimer; //⿏标进⼊的时候，需要计时器100ms去将获取全局的⿏标位置发给需要显⽰的Widget
protected:
void paintEvent(QPaintEvent *);
void enterEvent(QEvent*event);
void leaveEvent(QEvent*event);
bool eventFilter(QObject *obj, QEvent *event); //可能要⽤到的过滤，
private:
int TaskCounts;
QPixmap TaskPix;
QPixmap NorPix;
奶茶制作方法 QPixmap HoverPix;
QPixmap PressPix;
ssr召唤阵 QPixmap CurrenPix;
QLabel *TipsLbl; //需要显⽰的wigdet 其中构造的Text是放在这⾥
QWidget *TipsWgt; //需要显⽰的widget
QGridLayout *TipsLyt;
public slots:
void slot_showWgt(QPoint);
void slot_updateTasks(int tasks); //随着消息的变动更新 Taskcounts
signals:
void sig_showWgt(QPoint); //发送消息通知要显⽰的widget
void sig_hideWgt(); //发送消息通知要隐藏的widget
};
//构造这⾥初始化基本的数据
MyBtn::MyBtn(QWidget *parent, QString Text, QPixmap NormalPix, QPixmap HoverTipsPix, QPixmap PressedTaskpix, QPixmap TasksPix) :
QPushButton(parent)
{
init();
NorPix = NormalPix;
CurrenPix = NormalPix;
HoverPix = HoverTipsPix;
PressPix = PressedTaskpix;
PressPix = NorPix;
TaskPix = TasksPix;
TipsLbl->setText(Text);
}
void MyBtn::init()
{
pTimer = new QTimer(this);
TaskCounts = 0;
TipsWgt = new QWidget;
TipsLbl = new QLabel(TipsWgt);
TipsLyt = new QGridLayout(TipsWgt);
TipsLyt->addWidget(TipsLbl);
TipsWgt->setWindowFlags(Qt::FramelessWindowHint);
TipsWgt->setStyleSheet("background-color: transparent");
TipsWgt->setAutoFillBackground(false);
TipsWgt->setAttribute(Qt::WA_TranslucentBackground);
TipsLbl->setStyleSheet("QLabel{border-image: url(:/SprintPlot/image/menuWhatis.png);color:white;}");
TipsLbl->resize(80, 40);
QPixmap pix(":/SprintPlot/image/menuWhatis.png");
TipsLbl->setFixedSize(pix.size());
TipsLbl->setAlignment(Qt::AlignCenter);
TipsWgt->resize(80, 40);
connect(this, &MyBtn::sig_showWgt, this, &MyBtn::slot_showWgt);
}
//绘画事件，即重点，把需要的效果重新画出来包括数据
void MyBtn::paintEvent(QPaintEvent *event)
{steam不能用支付宝
QPainter painter(this);
painter.drawPixmap(QRect(this->rect().x() + this->width() / 4 - 3, this->rect().y()+10, 24, 24), CurrenPix);
painter.setPen(Qt::white);
if (TaskCounts > 99)
{
painter.drawPixmap(QRect(QPoint(this->x() + 20, 0), QSize(22, 22)), TaskPix);
painter.drawText(QRect(QPoint(this->x() + 22, 2), QSize(18, 18)), Qt::AlignVCenter, QString::number(99) + "+");
}
else if (TaskCounts)
{
painter.drawPixmap(QRect(QPoint(this->x()+ 20, 0), QSize(18, 18)), TaskPix);
painter.drawText(QRect(QPoint(this->x() + 23, 3), QSize(12, 12)), Qt::AlignCenter, QString::number(TaskCounts)); }
else
{
update();
}
}
现房是什么意思//⿏标进⼊事件这⾥获取⿏标的坐标
void MyBtn::enterEvent(QEvent *event)
{
CurrenPix = HoverPix;
pTimer->stop();
QPoint oPoint = this->mapToGlobal(QPoint(this->x() - 90, 0));
emit sig_showWgt(oPoint);
}
//⿏标离开事件这⾥获取⿏标的全局坐标，注意需要转换成⼩部件的坐标的时候需要调整
void MyBtn::leaveEvent(QEvent *event)
{
CurrenPix = NorPix;
pTimer->start(100);
TipsWgt->hide();
}
//事件筛选，根据⾃⼰需求⾃⼰筛吧篾怎么读
bool MyBtn::eventFilter(QObject *target, QEvent *event)
{
if (target == this&&event->type() == QEvent::Enter)
{
CurrenPix = HoverPix;
}
else if (target == this&&event->type() == QEvent::MouseButtonPress)
{
CurrenPix = PressPix;
}
else if (target == this&&event->type() == QEvent::Leave)
{
CurrenPix = NorPix;
}
else
{
return true;
}
return QPushButton::eventFilter(target, event);
}
/
/在⾃定义位置显⽰⾃定义的Wgt
void MyBtn::slot_showWgt(QPoint oPoint)
{
TipsWgt->move(oPoint);
TipsWgt->show();
}
//更新Btn上的task数量
void MyBtn::slot_updateTasks(int tasks)
{
TaskCounts = tasks;
}
效果截图：
注意如果要⿏标进⼊浮窗不消失的话，需要⾃⼰实现这个浮窗，重写enterevent()判断全局⿏标位置然后在确定是不是要隐藏窗⼝，类似于QQ的资料卡。有问题可以博客私聊回复。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论