網頁右下角上常常會出現一些提示性的信息,桌面軟件中也比較常見,相似360新聞、QQ消息提示同樣!markdown
這種功能用動畫實現起來很簡單,這節咱們暫時使用定時器來實現,後面章節會對動畫框架進行詳細講解。框架
下面咱們來實現一個右下角冒泡的功能。動畫
顯示
定時器啓動,右下角緩慢彈出,逐漸改變位置ui
駐留
讓界面停留必定的時間,時間事後自動關閉。this
退出
能夠直接點擊關閉退出,也能夠採用改變透明度的形式模糊退出。 spa
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(),而後啓動定時器開始顯示、駐留、關閉。.net
// 顯示
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);
}
}
原文做者:一去丶二三裏
做者博客:去做者博客空間