zoukankan      html  css  js  c++  java
  • Qt之窗口动画(下坠、抖动、透明度)

    简述

    前面几节中我们介绍了关于动画的基本使用,有属性动画、串行动画组、并行动画组。这节我们来实现一些特效,让交互更顺畅。

    示例

    下面,我们以geometry、pos、windowOpacity属性为例,来实现窗体的下坠、抖动、透明度效果。

    效果

    这里写图片描述

    源码

    下坠效果:

    通过计算桌面的宽度、高度,来设置动画的起始值和结束值。

    void MainWindow::onDropWindow()
    {
        QPropertyAnimation *pAnimation = new QPropertyAnimation(this, "geometry");
    
        QDesktopWidget *pDesktopWidget = QApplication::desktop();
        int x = (pDesktopWidget->availableGeometry().width() - width()) / 2;
        int y = (pDesktopWidget->availableGeometry().height() - height()) / 2;
    
        pAnimation->setDuration(1000);
        pAnimation->setStartValue(QRect(x, 0, width(), height()));
        pAnimation->setEndValue(QRect(x, y, width(), height()));
        pAnimation->setEasingCurve(QEasingCurve::OutElastic);
        pAnimation->start(QAbstractAnimation::DeleteWhenStopped);
    }

    抖动效果:

    获取界面的坐标,然后进行上、下、左、右坐标浮动,通过setKeyValueAt()来设置每一时刻的位置,实现抖动效果。

    void MainWindow::onShakeWindow()
    {
        QPropertyAnimation *pAnimation = new QPropertyAnimation(this, "pos");
        pAnimation->setDuration(500);
        pAnimation->setLoopCount(2);
        pAnimation->setKeyValueAt(0, QPoint(geometry().x() - 3, geometry().y() - 3));
        pAnimation->setKeyValueAt(0.1, QPoint(geometry().x() + 6, geometry().y() + 6));
        pAnimation->setKeyValueAt(0.2, QPoint(geometry().x() - 6, geometry().y() + 6));
        pAnimation->setKeyValueAt(0.3, QPoint(geometry().x() + 6, geometry().y() - 6));
        pAnimation->setKeyValueAt(0.4, QPoint(geometry().x() - 6, geometry().y() - 6));
        pAnimation->setKeyValueAt(0.5, QPoint(geometry().x() + 6, geometry().y() + 6));
        pAnimation->setKeyValueAt(0.6, QPoint(geometry().x() - 6, geometry().y() + 6));
        pAnimation->setKeyValueAt(0.7, QPoint(geometry().x() + 6, geometry().y() - 6));
        pAnimation->setKeyValueAt(0.8, QPoint(geometry().x() - 6, geometry().y() - 6));
        pAnimation->setKeyValueAt(0.9, QPoint(geometry().x() + 6, geometry().y() + 6));
        pAnimation->setKeyValueAt(1, QPoint(geometry().x() - 3, geometry().y() - 3));
        pAnimation->start(QAbstractAnimation::DeleteWhenStopped);
    }

    透明度效果:

    设置每一时刻的透明度值,动画结束时界面还原(透明度再为1)。

    void MainWindow::onOpacityWindow()
    {
        QPropertyAnimation *pAnimation = new QPropertyAnimation(this, "windowOpacity");
        pAnimation->setDuration(1000);
        pAnimation->setKeyValueAt(0, 1);
        pAnimation->setKeyValueAt(0.5, 0);
        pAnimation->setKeyValueAt(1, 1);
        pAnimation->start(QAbstractAnimation::DeleteWhenStopped);
    }

    是不是很有趣,还不快点儿,实现属于自己的动画。

    更多参考

  • 相关阅读:
    CCLayerColor 用法
    数据存储的常见方式
    rand() 和arc4random()到底应该如何取舍呢
    Cocos2d 中对图片的各种操作
    objectivec 解压缩zip
    设置IE浏览器默认的下载路径
    设置浏览器主页
    得到所有本机上安装的软件名
    取消快捷方式中的箭头图标
    查看本机服务
  • 原文地址:https://www.cnblogs.com/new0801/p/6146579.html
Copyright © 2011-2022 走看看