QT动画制作（完结）

alltolove

效果：点击键盘空格键，窗口显示时间
还是把MainForm.ui.qml文件删除，把main.qml修改为：

1. import QtQuick 2.5
   
2. import QtQuick.Window 2.2
   
3. 
   
4. Window {
   
5.     id:window
   
6.     visible: true
   
7.     width: 640
   
8.     height: 480
   
9.     title: qsTr("Hello World")
   
10. 
    
11.     Rectangle {
    
12.         color: "white"
    
13.         width: window.width
    
14.         height: window.height
    
15.         focus:true
    
16.         Keys.onSpacePressed: {//按空格键后发送消息
    
17.         var msg = {'action': 'appendCurrentTime', 'model': listModel};//msg相当于一个字典
    
18.         worker.sendMessage(msg);//在新线程里执行该操作 不阻塞ui线程
    
19.         }
    
20.         ListView {
    
21.             anchors.fill: parent
    
22.             model: listModel
    
23.             delegate: Component {
    
24.                 Text { text: time }
    
25.             }
    
26. 
    
27.             ListModel { id: listModel }
    
28. 
    
29.             WorkerScript {//在新线程执行操作，不阻塞ui线程，在父线程使用sendMessage发送消息 在子线程使用onMessage处理
    
30.                 id: worker
    
31.                 source: "dataloader.js" //加载js文件
    
32.             }
    
33. 
    
34. 
    
35.             }
    
36.         }
    
37. }

复制代码

在斜杠下新建dataloader.js文件，代码如下：

1. WorkerScript.onMessage = function(msg) {
   
2.     if (msg.action === 'appendCurrentTime') {//如果是指定动作
   
3.         var data = {'time': new Date().toTimeString()};//获取当前时间
   
4.         msg.model.append(data);//list添加新数据
   
5.         msg.model.sync();   // 更新数据到ui
   
6.     }
   
7. }
   

复制代码

        结束语：由于我的资质和精力有限qt quick编程只能讲到这。这只是一个入门级的介绍，也没有太多的文字描述，我觉得讲编程语言最好的方法就是用实例，因为只有用电脑的语言来讲电脑才会容易让人明白，就像学英语最好是在纯英语语境下学习一样。
        接下来我要努力学习go语言了，这是我来到鱼C才认识到有这么一种集合了编译型和解释型语言优点的优秀编程语言。没时间了我要赶紧去学了，希望将来我能当上golang板块的版主 。最后感谢大家观看我的帖子，谢谢，谢谢！