Qt自定义圆周动画(360 10.0 的模仿作者写的)
由于项目需求,需要把一张图片做圆周运动,用到了属性动画,坐标计算等。
在编写代码的过程中,由于太长时间没用sin,cos函数忘了是用弧度为单位,汗呀
下面把代码贴出来
- /*
- * 圆周运动动画
- * */
- #ifndef CircleAnimationWidget_H
- #define CircleAnimationWidget_H
- #include <QWidget>
- #define PI 3.1415
- class QPropertyAnimation;
- class CircleAnimationWidget : public QWidget
- {
- Q_OBJECT
- //注册属性,用于动画
- Q_PROPERTY(qreal percent READ percent WRITE setPercent)
- public:
- explicit CircleAnimationWidget(QWidget *parent = 0);
- explicit CircleAnimationWidget(const QString &icon, \
- const qreal &radius, QWidget *parent = 0);
- void setCircleInfo(const QString &icon, const qreal &radius);
- void startAnimation();
- void stopAnimation();
- void setPercent(const qreal &per);
- const qreal &percent()
- {
- return m_percent;
- }
- protected:
- void paintEvent(QPaintEvent *);
- private slots:
- //更新坐标值
- void updatePos();
- private:
- //计算坐标值
- QPoint mathPoint();
- QPoint mathPoint(const QPoint ¢erPos, const qreal &percent, const qreal &radius);
- void initAnimation();
- private:
- qreal m_percent;//百分比
- qreal m_radius;//半径
- QPoint m_centerPos;//圆点坐标
- QPropertyAnimation *m_percentAnimation;
- QPixmap m_pix;
- QPoint m_point;//图片坐标
- QPoint m_originPoint;//图片原始坐标
- };
- #endif // CircleAnimationWidget_H
- #include "circleanimationwidget.h"
- #include <QPainter>
- #include <QPropertyAnimation>
- #include <qmath.h>
- CircleAnimationWidget::CircleAnimationWidget(QWidget *parent) :
- QWidget(parent)
- {
- this->setAttribute(Qt::WA_TranslucentBackground);
- }
- CircleAnimationWidget::CircleAnimationWidget(const QString &icon,\
- const qreal &radius, QWidget *parent) : QWidget(parent)
- {
- this->setAttribute(Qt::WA_TranslucentBackground);
- this->setCircleInfo(icon, radius);
- }
- void CircleAnimationWidget::initAnimation()
- {
- m_percentAnimation = new QPropertyAnimation(this, "percent");
- m_percentAnimation->setDuration(2000);
- m_percentAnimation->setStartValue(0.0);
- m_percentAnimation->setEndValue(1.0);
- m_percentAnimation->setLoopCount(-1); //无限循环,只有调用stop才会停止
- }
- void CircleAnimationWidget::startAnimation()
- {
- m_percentAnimation->start();
- }
- void CircleAnimationWidget::stopAnimation()
- {
- m_percentAnimation->stop();
- m_point = m_originPoint;
- m_percent = 0;
- update();
- }
- void CircleAnimationWidget::setCircleInfo(const QString &icon, const qreal &radius)
- {
- m_pix.load(icon);
- m_percent = 0;
- m_radius = radius;
- int pixW = m_pix.width();
- int pixH = m_pix.height();
- m_centerPos.setX(radius);
- m_centerPos.setY(radius);
- m_originPoint.setX(radius*2);
- m_originPoint.setY(radius);
- m_point = m_originPoint;
- this->setFixedSize(pixW + radius*2, pixH + radius*2);
- this->initAnimation();
- }
- void CircleAnimationWidget::setPercent(const qreal &per)
- {
- m_percent = per;
- updatePos();
- }
- void CircleAnimationWidget::updatePos()
- {
- m_point = mathPoint();
- update();
- }
- QPoint CircleAnimationWidget::mathPoint()
- {
- return this->mathPoint(m_centerPos, m_percent, m_radius);
- }
- QPoint CircleAnimationWidget::mathPoint(const QPoint ¢erPos, const qreal &percent, const qreal &radius)
- {
- qreal dx = radius * qCos(percent * ( 2 * PI)) + centerPos.x();//计算x坐标
- qreal dy = radius * qSin(percent * ( 2 * PI)) + centerPos.y(); // 计算y坐标
- return QPoint(dx, dy);
- }
- void CircleAnimationWidget::paintEvent(QPaintEvent *)
- {
- QPainter painter(this);
- painter.drawPixmap(m_point, m_pix);
- }
http://blog.csdn.net/zhjun5337/article/details/40789979
http://www.qtcn.org/bbs/read-htm-tid-57817-page-1.html
Qt自定义圆周动画(360 10.0 的模仿作者写的)的更多相关文章
- paip.提升用户体验---c++ qt自定义窗体(1)---标题栏的绘制
源地址:http://blog.csdn.net/attilax/article/details/12343625 paip.提升用户体验---c++ qt自定义窗体(1)---标题栏的绘制 效果图: ...
- kafka_2.11-0.10.0.1生产者producer的Java实现
转载自:http://blog.csdn.net/qq_26479655/article/details/52555283 首先导入包 将kafka目录下的libs中的jar包导入 用maven建立 ...
- iOS 10.0 更新点(开发者视角)
html, body {overflow-x: initial !important;}html { font-size: 14px; } body { margin: 0px; padding: 0 ...
- ViewPager无限轮播与自定义切换动画
一直在寻求一个能用得长久的ViewPager,寻寻觅觅终于发现,ViewPager有这一个就够了. 注:并非完全原创 先看一下效果: 淡入淡出: 旋转: 无限轮播的ViewPager 主要设计思路(以 ...
- 还在期待安卓9.0吗?Android 10.0要来了
目前,美国 Google公司的 AndroidP (安卓9.0),已经正式全面推出有几个多月了.众多手机品牌厂商也都在积极的进行更新适配 Android 9.0 系统(修改UI界面也算是二次开发,嗯) ...
- Qt 创建按钮动画
1 封装自定义按钮 myPushBttton 2 构造函数 (默认图片,按下后显示图片) 3 测试开始按钮 4 开始制作特效 5 zoom1 向下弹跳 6 zoom2 向上弹跳 代码如下 main.h ...
- 自定义带动画的Toast
一.style样式: 1. // 移动和透明渐变结合的动画 <style name="anim_view"> <item name="@ ...
- Android 自定义波浪动画 --"让进度浪起来~"
原文链接:http://www.jianshu.com/p/0e25a10cb9f5 一款效果不错的动画,实现也挺简单的,推荐阅读学习~ -- 由 傻小孩b 分享 waveview <Andro ...
- Kafka-0.10.0.0入门
搭建环境略(伪集群即可以),但要注意Kafka的配置必须配置的,少配了也一样可以用,但是只能单机使用,外部机器无法连接,网上也有说. host.name=192.168.1.30 advertised ...
随机推荐
- void (*fun)(void);
2440test程序中的Main.c中在结构体中有这么一句: void (*fun)(void); 后查阅资料得知这句代码的意思是: 定义一个函数指针. 比如:定义一个指向函数的指针,该函数有一个整形 ...
- Cmake,source_group
Cmake的source_group命令相当于VS里面给编译需要的文件归类,把一些相同性质的文件放一个类里面,这些“类”,可以在VS 图形界面下左边(一般情况下),看到header文件夹下面的H文件, ...
- svn由于连接方在一段时间后没有正确答复或连接的主机没有反应连接尝试失败
解决方法,关掉防火墙, service iptables status 查看iptables状态 service iptables restart iptables服务重启 service iptab ...
- poj3708:函数式化简+高精度进制转换+同余方程组
题目大意 给定一个函数 找出满足条件 等于 k 的最小的x m,k,d已知 其中 m,k 很大需要使用高精度存储 思路: 对 函数f(m)进行化简 ,令t=ceil( log(d,m) ) 可以得 ...
- Web开发之RSET API
REST介绍 如果要说什么是REST的话,那最好先从Web(万维网)说起. 什么是Web呢?读者可以查看维基百科的词条(http://zh.wikipedia.org/zh-cn/Web),具体的我就 ...
- [置顶] 使用struts拦截器+注解实现网络安全要求中的日志审计功能
J2EE项目中出于安全的角度考虑,用户行为审计日志功能必不可少,通过本demo可以实现如下功能: 1.项目中记录审计日志的方法. 2.struts拦截器的基本配置和使用方法. 3.struts拦截器中 ...
- 关于bootstrap--表单(下拉<select>、输入框<input>、文本域<textare>复选框<checkbox>和单选按钮<radio>)
html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明.通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性.可用性和可交互性 ...
- [原创作品] Express 4.x 接收表单数据
好久没有写博客,从现在开始,将介绍用nodejs进行web开发的介绍.欢迎加群讨论:164858883. 之前的express版本在接收表单数据时,可以统一用res.params['参数名'],但在4 ...
- Oracle 中按条件过滤重复记录
在数据处理中,经常会遇到类似这样的情况:数据库中存在多条记录,其中某些字段值相同,其他字段值不同.实际的业务需要针对这样的情况,只保留一条数据,其他数据删除.如何做到呢?在sql中有top关键字相对容 ...
- LDAP协议介绍
LDAP协议基础概念 1. 从用途上阐述LDAP,它是一个存储静态相关信息的服务,适合"一次记录多次读取".经常使用LDAP服务存储的信息: 公司的物理设备信息(如打印机,它的I ...