简述

之前分享过QLabel可以通过QMovie播放gif图片,可以实现等待提示框,今天主要使用动画QPropertyAnimation来进行实现!

数据加载的时候,往往都需要后台线程进行数据请求,而前台需要进行友好性的交互,防止无休止的等待,或者进程卡死。

效果

由于录制程序的原因,引起gif效果不清晰,可忽略。

资源

需要几张不同阶段的图标进行切换,这里使用8张。

源码

QPropertyAnimation动画里面并不支持旋转的属性,所以我们可以通过自定义来完成。

class MainWindow : public CustomWindow
{
Q_OBJECT
// 声明属性
Q_PROPERTY(int pixmap READ pixmap WRITE setPixmap) public:
explicit MainWindow(QWidget *parent = 0);
~MainWindow();
// 开始动画
void startAnimation();
// 停止动画
void stopAnimation(); private:
int pixmap() const;
// 切换图标
void setPixmap(const int index); private:
QLabel *m_pLoadingLabel;
QPropertyAnimation *m_pAnimation;
int m_nIndex;
};
m_pAnimation = new QPropertyAnimation(this, "pixmap");
m_pAnimation->setDuration(1000);
// 永远运行,直到stop
m_pAnimation->setLoopCount(-1); // 设置动画各区间的值
for (int i = 0; i < 8; ++i)
{
m_pAnimation->setKeyValueAt(i/7.0, i + 1);
} // 开始动画
startAnimation();
void MainWindow::startAnimation()
{
m_pAnimation->start();
} void MainWindow::stopAnimation()
{
m_pAnimation->stop();
} int MainWindow::pixmap() const
{
return m_nIndex;
} void MainWindow::setPixmap(const int index)
{
m_nIndex = index; QPixmap pixmap(QString(":/Images/loading%1").arg(index));
m_pLoadingLabel->setPixmap(pixmap);
}

分析

首先我们通过Q_PROPERTY来声明属性,这样我们就可以在QPropertyAnimation动画中使用了,然后通过设置动画的时长、运行次数、各个区间的值达到切换图标的效果,然后动画就可以很流畅的实现了。因为这里存在8张图标,所以通过setKeyValueAt(i/7.0, i + 1)来设置各区间范围。

衍伸

上面我们使用了8张图标进行切换,另外一种方式-只使用一张,然后进行图标旋转。

// 设置动画各区间的值
for (int i = 0; i <= 10; ++i)
{
m_pAnimation->setKeyValueAt(i / 10.0, i);
} void MainWindow::setPixmap(const int index)
{
m_nIndex = index; // 图标旋转
QMatrix leftmatrix;
leftmatrix.rotate((360.0 / 10) * index); QPixmap pixmap(QString(":/Images/loading1"));
QPixmap pix = pixmap.transformed(leftmatrix, Qt::SmoothTransformation);
m_pLoadingLabel->setPixmap(pix);
}

这里虽然只用了一张图片,但是存在一个问题,因为图片是28*28的,旋转角度如果不是90度的整数,那么,旋转后图片肯定会进行缩放,这时可能会造成上下跳动的情况,所以我们需要将图标固定到一个固定大小的控件里面,防止此情况的发生。

更多参考

Qt之等待提示框(QPropertyAnimation)的更多相关文章

  1. Qt之等待提示框(QMovie)

    简述 关于gif的使用在实际项目中我用的并不多,因为我感觉瑕疵挺多的,很多时候锯齿比较严重,当然与图存在很大的关系. 关于生成gif的方法可以提供一个网站preloaders,基本是可以满足需求的. ...

  2. Qt之等待提示框(QTimer)

    简述 上节讲述了关于QPropertyAnimation实现等待提示框的显示,本节我们使用另外一种方案来实现-使用定时器QTimer,通过设置超时时间定时更新图标达到旋转效果. 简述 效果 资源 源码 ...

  3. Qt之等待提示框三(QLabel进行多图片切换)

    之前分享过的等待提示框有用QMovie播放gif图片实现的,也有纯代码实现的,今天再次分享另一种实现方式,如题目所示:QLabel进行图片的切换!     进行用户登录的时候,往往都需要后台线程进行用 ...

  4. Qt之QProgressIndicator(等待提示框)

    简述 很早以前在网上看到一个纯代码实现的旋转动画感觉效果很不错,分享给大家.不得不说,条条大道通罗马,我们需要更多地创造... 详见:QProgressIndicator 简述 效果 源码 使用 更多 ...

  5. qt之透明提示框(模拟qq) (非常漂亮)

    Qt实现类似QQ的登录失败的提示框,主要涉及窗口透明并添加关闭按钮,以及图标和信息的显示等. 直接上代码: #include "error_widget.h" ErrorWidge ...

  6. Qt之透明提示框

    简述 经常使用企鹅的小伙伴一定对登录失败的提示框很熟悉,主要涉及窗口透明并添加图标.提示信息.关闭按钮的显示等. 我们可以利用QWidget创建一个提示框,然后通过样式设置我们想要的效果. 简述 效果 ...

  7. Qt实现冒泡提示框

    通过QLabel创建类似冒泡方式的提示框(提示框显示位置为父类控件居中位置,具体可根据需要自行修改),鼠标停留提示框界面时查看信息,离开时自动淡化消失的效果: 头文件定义 #ifndef _TTipW ...

  8. Qt之四种等待提示框

    http://blog.csdn.net/u011012932/article/details/51029602http://blog.csdn.net/u011012932/article/deta ...

  9. Dev 等待提示 WaitDialogForm 升级版

    本文转载:http://www.cnblogs.com/VincentLuo/archive/2011/12/24/2298916.html   一.Dev的等待提示框                 ...

随机推荐

  1. HDU-2604_Queuing

    题目:Problem Description Queues and Priority Queues are data structures which are known to most comput ...

  2. Codeforces Round #216 (Div. 2)解题报告

    又范低级错误! 只做了两题!一道还被HACK了,囧! A:看了很久!应该是到语文题: 代码:#include<iostream> #include<];    ,m2=;    ;i ...

  3. 用VBS将PPT转为图片

    '使用方法:把ppt文件拖放到该文件上. '机器上要安装Powerpoint程序 On Error Resume Next Set ArgObj = WScript.Arguments pptfile ...

  4. POJ 1953

    //FINBONACI数列 #include <iostream> #define MAXN 100 using namespace std; int _m[MAXN]; int main ...

  5. ThinkPHP 单字母函数整理

    TP所有单独的函数,除了两个用来生成项目的buildAppDir之类的,其余都在框架目录/Common/functions.php这个文件里. A函数(基本是Action的简写) A函数是用来实例化我 ...

  6. 14个Xcode中常用的快捷键操作

    在Xcode 6中有许多快捷键的设定可以使得你的编程工作更为高效,对于在代码文件中快速导航.定位Bug以及新增应用特性都是极有效的. 当然,你戳进这篇文章的目的也在于想要快速的对代码文件进行操作,或者 ...

  7. POJ 1027 The Same Game(模拟)

    题目链接 题意 : 一个10×15的格子,有三种颜色的球,颜色相同且在同一片内的球叫做cluster(具体解释就是,两个球颜色相同且一个球可以通过上下左右到达另一个球,则这两个球属于同一个cluste ...

  8. 由CAST()函数在.NET1.1和.NET4.0下处理机制不同所引发的BUG

     .NET 1.1版本下使用日期强制转换函数,比如:"select cast(ActionDate as char(7)) as ActionDate  from ST_BookAction ...

  9. appium自动化测试中获取toast消息的解决方法【转】

    http://blog.csdn.net/hqzxsc2006/article/details/50036911 待实践.. 解决方法:appium下切换selendroid模式去获取Android的 ...

  10. iOS多线程 GCD

    iOS多线程 GCD Grand Central Dispatch (GCD)是Apple开发的一个多核编程的解决方法. dispatch queue分成以下三种: 1)运行在主线程的Main que ...