Qt自定义圆周动画(360 10.0 的模仿作者写的)

由于项目需求,需要把一张图片做圆周运动,用到了属性动画,坐标计算等。

在编写代码的过程中,由于太长时间没用sin,cos函数忘了是用弧度为单位,汗呀

下面把代码贴出来

[cpp] view plaincopy

  1. /*
  2. * 圆周运动动画
  3. * */
  4. #ifndef CircleAnimationWidget_H
  5. #define CircleAnimationWidget_H
  6. #include <QWidget>
  7. #define PI  3.1415
  8. class QPropertyAnimation;
  9. class CircleAnimationWidget : public QWidget
  10. {
  11. Q_OBJECT
  12. //注册属性,用于动画
  13. Q_PROPERTY(qreal percent READ percent WRITE setPercent)
  14. public:
  15. explicit CircleAnimationWidget(QWidget *parent = 0);
  16. explicit CircleAnimationWidget(const QString &icon, \
  17. const qreal &radius, QWidget *parent = 0);
  18. void setCircleInfo(const QString &icon, const qreal &radius);
  19. void startAnimation();
  20. void stopAnimation();
  21. void setPercent(const qreal &per);
  22. const qreal &percent()
  23. {
  24. return m_percent;
  25. }
  26. protected:
  27. void paintEvent(QPaintEvent *);
  28. private slots:
  29. //更新坐标值
  30. void updatePos();
  31. private:
  32. //计算坐标值
  33. QPoint mathPoint();
  34. QPoint mathPoint(const QPoint ¢erPos, const qreal &percent, const qreal &radius);
  35. void initAnimation();
  36. private:
  37. qreal m_percent;//百分比
  38. qreal m_radius;//半径
  39. QPoint m_centerPos;//圆点坐标
  40. QPropertyAnimation *m_percentAnimation;
  41. QPixmap m_pix;
  42. QPoint m_point;//图片坐标
  43. QPoint m_originPoint;//图片原始坐标
  44. };
  45. #endif // CircleAnimationWidget_H

[cpp] view plaincopy

    1. #include "circleanimationwidget.h"
    2. #include <QPainter>
    3. #include <QPropertyAnimation>
    4. #include <qmath.h>
    5. CircleAnimationWidget::CircleAnimationWidget(QWidget *parent) :
    6. QWidget(parent)
    7. {
    8. this->setAttribute(Qt::WA_TranslucentBackground);
    9. }
    10. CircleAnimationWidget::CircleAnimationWidget(const QString &icon,\
    11. const qreal &radius, QWidget *parent) : QWidget(parent)
    12. {
    13. this->setAttribute(Qt::WA_TranslucentBackground);
    14. this->setCircleInfo(icon, radius);
    15. }
    16. void CircleAnimationWidget::initAnimation()
    17. {
    18. m_percentAnimation = new QPropertyAnimation(this, "percent");
    19. m_percentAnimation->setDuration(2000);
    20. m_percentAnimation->setStartValue(0.0);
    21. m_percentAnimation->setEndValue(1.0);
    22. m_percentAnimation->setLoopCount(-1); //无限循环,只有调用stop才会停止
    23. }
    24. void CircleAnimationWidget::startAnimation()
    25. {
    26. m_percentAnimation->start();
    27. }
    28. void CircleAnimationWidget::stopAnimation()
    29. {
    30. m_percentAnimation->stop();
    31. m_point = m_originPoint;
    32. m_percent = 0;
    33. update();
    34. }
    35. void CircleAnimationWidget::setCircleInfo(const QString &icon, const qreal &radius)
    36. {
    37. m_pix.load(icon);
    38. m_percent = 0;
    39. m_radius = radius;
    40. int pixW = m_pix.width();
    41. int pixH = m_pix.height();
    42. m_centerPos.setX(radius);
    43. m_centerPos.setY(radius);
    44. m_originPoint.setX(radius*2);
    45. m_originPoint.setY(radius);
    46. m_point = m_originPoint;
    47. this->setFixedSize(pixW + radius*2, pixH + radius*2);
    48. this->initAnimation();
    49. }
    50. void CircleAnimationWidget::setPercent(const qreal &per)
    51. {
    52. m_percent = per;
    53. updatePos();
    54. }
    55. void CircleAnimationWidget::updatePos()
    56. {
    57. m_point = mathPoint();
    58. update();
    59. }
    60. QPoint CircleAnimationWidget::mathPoint()
    61. {
    62. return this->mathPoint(m_centerPos, m_percent, m_radius);
    63. }
    64. QPoint CircleAnimationWidget::mathPoint(const QPoint ¢erPos, const qreal &percent, const qreal &radius)
    65. {
    66. qreal dx = radius * qCos(percent * ( 2 * PI)) + centerPos.x();//计算x坐标
    67. qreal dy = radius * qSin(percent * ( 2 * PI)) + centerPos.y(); // 计算y坐标
    68. return QPoint(dx, dy);
    69. }
    70. void CircleAnimationWidget::paintEvent(QPaintEvent *)
    71. {
    72. QPainter painter(this);
    73. painter.drawPixmap(m_point, m_pix);
    74. }

http://blog.csdn.net/zhjun5337/article/details/40789979

http://www.qtcn.org/bbs/read-htm-tid-57817-page-1.html

时间: 2024-10-24 18:57:19

Qt自定义圆周动画(360 10.0 的模仿作者写的)的相关文章

paip.提升用户体验---c++ qt自定义窗体(1)---标题栏的绘制

源地址:http://blog.csdn.net/attilax/article/details/12343625 paip.提升用户体验---c++ qt自定义窗体(1)---标题栏的绘制 效果图: 作者Attilax ,  EMAIL:[email protected] 来源:attilax的专栏地址:http://blog.csdn.net/attilax 第一步:去掉系统默认标题栏 1 第2步:添加自定义标题栏以及最小化,最大化.关闭按钮...还有左边的窗体小图标.. 2 第3步:添加标

QT自定义精美换肤界面

陆陆续续用QT开发过很多项目,也用QT写过不少私活项目,也写过N个工具,一直梦寐以求能像VC一样可以很方便的有个自定义的界面,QSS的强大让我看到了很好的希望,辗转百度谷歌无数次,一直搜索QT相关的换肤文章,绝大部分的是一些简单的按钮文本样式,要做到整体换肤程度几乎不行,QTCN论坛里的奋斗的孩子写了个模仿360安全卫士系列,让我既惊喜有遗憾,惊喜的是能够用QT实现一个这么完整的360安全卫士界面,确实不错,也支持多种换肤,遗憾的是我下载过的是VC版本的,对于一直执着于用Qt Creator 来

Qt自定义窗口部件

QtDesigner自定义窗口部件有两种方法:改进法(promotion)和插件法(plugin) 改进法 1.改进法之前,要先写好子类化QSpinBox后的HexspinBox.h和HexspinBox.cpp文件.把这两个文件拷贝到想要的项目中. HexspinBox.h Cpp代码   #ifndef HEXSPINBOX_H #define HEXSPINBOX_H #include <QSpinBox> class QRegExpValidator; class HexSpinBox

Android自定义组件系列【10】——随ViewPager滑动的导航条

昨天在用到ViewPager实现滑动导航的时候发现微信的导航条效果是跟随ViewPager的滑动而动的,刚开始想了一下,感觉可以使用动画实现,但是这个滑动是随手指时时变化的,貌似不可行,后来再网上搜了一下,找到一个开源代码,结果打开一看大吃一惊,这么简单的效果代码居然大概有300多行,太占手机存储空间了!后来自己干脆重写ViewGroup使用scrollTo方法实现了一下,具体实现过程如下: package com.example.slideupdownviewpage; import andr

android 自定义带动画的统计饼图

闲来无事,发现市面上好多app都有饼图统计的功能,得空自己实现以下,菜鸟一只,求指教,轻喷!   基本要求: 在XML布局中可配置控件的属性. 遵守基本的安卓规范 View基本绘制原理: 首先计算View的大小,测量View的大小主要有三个: public final void measure(int widthMeasureSpec, int heightMeasureSpec) protected void onMeasure(int widthMeasureSpec, int height

自定义简单动画

注释: duration 动画完成时间, delay 动画延长时间,可以理解为动画速度的时间控制 一,利用 CGAffineTransformMakeScale来做图形的缩放效果 view.transform = CGAffineTransformMakeScale(1, 1); [UIView animateKeyframesWithDuration:duration/3 delay:delay options:0 animations:^{ // End view.transform = C

还在期待安卓9.0吗?Android 10.0要来了

目前,美国 Google公司的 AndroidP (安卓9.0),已经正式全面推出有几个多月了.众多手机品牌厂商也都在积极的进行更新适配 Android 9.0 系统(修改UI界面也算是二次开发,嗯).不知道各位Android用户是否体验到了这一最新版本的系统呢? 但按照各大手机厂商的适配过程,目前这可能还只是少数用户的专属,而根据谷歌公布的统计数据显示,目前Android P的市场份额还不到5%,现阶段,三年前的Android 7.0和两年前的8.0才是主力. Android Q露出庐山真面目

iOS:自定义模态动画 --UIPresentationController

UIPresentationController :展示控制器,是iOS8的一个新特性,用来展示模态窗口的.它是所有模态控制器的管理者. 即: 1> 管理所有Modal出来的控制器 2> 管理所有通过- (void)presentViewController:(UIViewController *)viewControllerToPresent animated: (BOOL)flag completion:(void (^)(void))completion方法显示出来的控制器 3> 

配置solr4.10.0和中文分词IKAnalyzer

全文索引服务solr搭建.公司最近要用到.我又是个java小白.做环境的什么的不再行.就此几下操作. 大部分是看官方提供的reference.pdf来做的,也google了不少.公司还有个大哥指点....笨的可以. 环境如下 OS: centos6.5 java环境: jdk1.7.0_51 tomcat版本: apache-tomcat-7.0.55 solr版本: solr-4.10.0 中文分词插件: IKAnalyzer2012FF_u1 另需准备mysql-connector-java