QT动画制作（三十二）

alltolove

效果：

还是新建一个quick application 项目，然后删去MainForm.ui.qml文件，把main.qml文件修改为：

1. import QtQuick 2.5
   
2. import Test 1.0
   
3. Rectangle{
   
4.     Test {
   
5.         id: aPieChart
   
6.         anchors.centerIn: parent
   
7.         width: 100; height: 100
   
8.         color: "green"
   
9.     }
   
10.     width:200
    
11.     height: 200
    
12.     color:"red"
    
13.     RotationAnimator on rotation {
    
14.         from:0
    
15.         to:360
    
16.         duration: 1000
    
17.         loops:Animator.Infinite
    
18.     }
    
19. }
    

复制代码

main.cpp文件修改为：

1. #include <QtGui/QGuiApplication>
   
2. #include <QtQuick/QQuickView>
   
3. #include <QtQml>
   
4. #include "test.h"
   
5. int main(int argc, char *argv[])
   
6. {
   
7. 
   
8.     QGuiApplication app(argc,argv);
   
9.     qmlRegisterType<test>("Test", 1, 0, "Test");//注册test类为qml对象，第一个参数是对象名，第二和三个是版本号
   
10.     QQuickView viewer;
    
11.     viewer.setResizeMode(QQuickView::SizeRootObjectToView);
    
12.     viewer.setSource(QUrl("qrc:/main.qml"));
    
13.     viewer.show();
    
14. 
    
15.     return app.exec();
    
16. }
    
17. 
    

复制代码

然后在总目录选添加新文件，添加C++ class文件名为test的文件，系统会自动生成test.h和test.cpp两个文件，把test.h修改为：

1. #include <QtQuick/QQuickPaintedItem>
   
2. #include <QColor>
   
3. 
   
4. class test : public QQuickPaintedItem
   
5. {
   
6.     Q_OBJECT
   
7.     Q_PROPERTY(QColor color READ color WRITE setColor)//定义qml文件里的color属性
   
8. 
   
9. public:
   
10.     test(QQuickItem *parent = 0);
    
11.     QColor color() const;
    
12.     void setColor(const QColor &color);
    
13.     void paint(QPainter *painter);
    
14. 
    
15. private:
    
16.     QColor m_color;
    
17. };
    

复制代码

test.cpp修改为：

1. #include "test.h"
   
2. #include <QPainter>
   
3. 
   
4. 
   
5. test::test(QQuickItem *parent)
   
6.     : QQuickPaintedItem(parent)
   
7. {
   
8. }
   
9. 
   
10. QColor test::color() const
    
11. {
    
12.     return m_color;
    
13. }
    
14. 
    
15. void test::setColor(const QColor &color)
    
16. {
    
17.     m_color = color;
    
18. }
    
19. 
    
20. 
    
21. void test::paint(QPainter *painter)
    
22. {
    
23.     QPen pen(m_color, 2);
    
24.     painter->setPen(pen);
    
25.     painter->setRenderHints(QPainter::Antialiasing, true);
    
26.     painter->drawPie(boundingRect().adjusted(1, 1, -1, -1), 90 * 16, 290 * 16);
    
27. }
    
28. 
    
29. 
    

复制代码

Preview: 明天介绍多线程