Qt 自定义悬浮窗（带动画，类似QQ拼音输入法）

小灰灰 2023-07-03 06:29 63阅读 0赞

1.运行效果

20200208222435355.gif

实现功能：

1.可拖动。

2.可显示，可隐藏 。

3.悬浮在主界面上面。

4.带动画。

2.ui界面

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6ejk1MzIwMDQ2Mw_size_16_color_FFFFFF_t_70

3.源码

  1. //FloatingWindow.h
  2. #pragma once
  4. #include <QWidget>
  5. #include "ui_FloatingWindow.h"
  6. #include <QPoint>
  7. #include <QPropertyAnimation>
  9. class FloatingWindow : public QWidget
  10. {
  11.     Q_OBJECT
  13. public:
  14.     FloatingWindow(QWidget *parent = Q_NULLPTR);
  15.     ~FloatingWindow();
  17. private:
  18.     Ui::FloatingWindow ui;
  20. protected:
  21.     //事件过滤
  22.     bool eventFilter(QObject *watched, QEvent *event);
  24. private:
  25.     void hideWidget(QWidget *w = nullptr);
  27.     void showWidget(QWidget *w = nullptr);
  29. private:
  30.     bool m_bDragFlag;
  31.     QPoint m_pointDrag;
  32.     QPropertyAnimation *m_pAnimation;
  33.     QPropertyAnimation *m_pAnimation2;
  34. };
  37. #endif // FLOATINGWINDOW_H
  40. //FloatingWindow.cpp
  42. #include "FloatingWindow.h"
  43. #include <QMouseEvent>
  45. FloatingWindow::FloatingWindow(QWidget *parent)
  46.     : QWidget(parent)
  47.     , m_bDragFlag(false)
  48.     , m_pAnimation(nullptr)
  49.     , m_pAnimation2(nullptr)
  50. {
  51.     ui.setupUi(this);
  53.     setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);
  55.     ui.btnQQ->installEventFilter(this);
  56.     ui.widget->installEventFilter(this);
  58.     hideWidget();
  60.     m_pAnimation = new QPropertyAnimation(ui.widget, "size");
  61.     m_pAnimation->setDuration(250);
  62.     m_pAnimation->setStartValue(QSize(0, 64));
  63.     m_pAnimation->setEndValue(QSize(180, 64));
  64.     m_pAnimation->setEasingCurve(QEasingCurve::Linear);
  66.     m_pAnimation2 = new QPropertyAnimation(ui.widget, "size");
  67.     m_pAnimation2->setDuration(250);
  68.     m_pAnimation2->setStartValue(QSize(180, 64));
  69.     m_pAnimation2->setEndValue(QSize(0, 64));
  70.     m_pAnimation2->setEasingCurve(QEasingCurve::Linear);
  72.     setAutoFillBackground(false);
  73.     setAttribute(Qt::WA_TranslucentBackground);
  74.     ui.frame->setStyleSheet("background:transparent;");
  75. }
  77. FloatingWindow::~FloatingWindow()
  78. {
  79. }
  81. bool FloatingWindow::eventFilter(QObject *target, QEvent *event)
  82. {
  83.     QMouseEvent *mouse = dynamic_cast<QMouseEvent *>(event);
  85.     if (target == ui.btnQQ)
  86.     {
  87.         if (event->type() == QEvent::Enter)
  88.         {
  89.             if (m_pAnimation->state() != QAbstractAnimation::Running)
  90.             {
  91.                 showWidget();
  92.                 m_pAnimation->start();
  93.             }
  94.         }
  95.         if (event->type() == QEvent::Leave)
  96.         {
  97.             if (m_pAnimation2->state() != QAbstractAnimation::Running)
  98.             {
  99.                 m_pAnimation2->start();
  100.             }
  101.         }
  102.     }
  104.     //拖动
  105.     if (mouse)
  106.     {
  107.         if (mouse->button() == Qt::LeftButton && mouse->type() == QEvent::MouseButtonPress)
  108.         {
  109.             m_bDragFlag = true;
  111.             if (target == ui.btnQQ)
  112.             {
  113.                 m_pointDrag = ui.frame->mapToParent(ui.btnQQ->mapToParent(mouse->pos()));
  114.             }
  115.         }
  116.         else if (mouse->type() == QEvent::MouseButtonRelease)
  117.         {
  118.             m_bDragFlag = false;
  119.         }
  120.         else if (m_bDragFlag &&  mouse->type() == QEvent::MouseMove)
  121.         {
  122.             this->move(mouse->globalPos() - m_pointDrag);
  123.         }
  124.     }
  126.     return QWidget::eventFilter(target, event);
  127. }
  129. void FloatingWindow::hideWidget(QWidget *w)
  130. {
  131.     if (w == nullptr)
  132.     {
  133.         ui.btnExpression->hide();
  134.         ui.btnSetting->hide();
  135.         ui.btnSemiangle->hide();
  136.         ui.btnWord->hide();        
  137.     }
  138.     else
  139.     {
  140.         w->hide();
  141.     }
  142. }
  144. void FloatingWindow::showWidget(QWidget *w)
  145. {
  146.     if (w == nullptr)
  147.     {
  148.         ui.btnWord->show();
  149.         ui.btnSemiangle->show();
  150.         ui.btnSetting->show();
  151.         ui.btnExpression->show();
  152.     }
  153.     else
  154.     {
  155.         w->show();
  156.     }
  157. }

4.完整代码

带动画的悬浮窗

发表评论

表情：
评论列表 （有 0 条评论，63人围观）

还没有评论，来说两句吧...

相关阅读