Qt 之自定义界面（右下角冒泡）

一去丶二三里

已于 2023-07-05 17:06:53 修改

阅读量1.5w

点赞数 19

分类专栏： Qt 实战一二三文章标签： Qt Qt自定义提示框 Qt自定义界面 Qt样式 QTimer

于 2016-01-26 21:17:03 首次发布

本文链接：https://blog.csdn.net/liang19890820/article/details/50589874

版权

Qt 实战一二三专栏收录该内容

144 篇文章 3379 订阅

订阅专栏

简述

网页右下角上经常会出现一些提示性的信息，桌面软件中也比较常见，类似360新闻、QQ消息提示一样！

这种功能用动画实现起来很简单，这节我们暂时使用定时器来实现，后面章节会对动画框架进行详细讲解。

下面我们来实现一个右下角冒泡的功能。

效果

这里写图片描述

实现原理

显示
定时器启动，右下角缓慢弹出，逐渐改变位置
驻留
让界面停留一定的时间，时间过后自动关闭。
退出
可以直接点击关闭退出，也可以采用改变透明度的形式模糊退出。

连接信号与槽

m_pShowTimer = new QTimer(this);
m_pStayTimer = new QTimer(this);
m_pCloseTimer = new QTimer(this);

connect(m_pShowTimer, SIGNAL(timeout()), this, SLOT(onMove()));
connect(m_pStayTimer, SIGNAL(timeout()), this, SLOT(onStay()));
connect(m_pCloseTimer, SIGNAL(timeout()), this, SLOT(onClose()));

实现

界面现实的时候调用showMessage()，然后启动定时器开始显示、驻留、关闭。

// 显示
void MainWindow::showMessage()
{
    QRect rect = QApplication::desktop()->availableGeometry();
    m_point.setX(rect.width() - width());
    m_point.setY(rect.height() - height());
    move(m_point.x(), m_point.y());
    m_pShowTimer->start(5);
}

// 移动
void MainWindow::onMove()
{
    m_nDesktopHeight--;
    move(m_point.x(), m_nDesktopHeight);
    if (m_nDesktopHeight <= m_point.y())
    {
        m_pShowTimer->stop();
        m_pStayTimer->start(5000);
    }
}

// 驻留
void MainWindow::onStay()
{
    m_pStayTimer->stop();
    m_pCloseTimer->start(100);
}

// 关闭
void MainWindow::onClose()
{
    m_dTransparent -= 0.1;
    if (m_dTransparent <= 0.0)
    {
        m_pCloseTimer->stop();
        close();
    }
    else
    {
        setWindowOpacity(m_dTransparent);
    }
}