解析Qt4.7新特征Qt Quick开发流程

移动开发
Qt4.7新特征Qt quick开发流程是本文要介绍的内容主要是来了解Qt Quick的开发流程,具体内容来看本文详解。

Qt4.7新特征Qt quick开发流程是本文要介绍的内容主要是来了解Qt Quick的开发流程,今天一早到了office立马就去Qt官网,期待已久的4.7正式版还是没出来。但是已经迫不及待得将所了解到的4.7的新特征和大家分享一下了。以下内容是对官方多个文档的阅读理解和自己的实例认证结果。

Qt4.7新的特征有一下几点:

(1)全新的Qt quick UI开发工具

里面包括三个模块,下面会详细分享这三个部分分别如何工作,相互关系是什么,能为开发者带来哪些好处。

(2)Qt质量的提升

这个嘛,是肯定有提升的。因为4.7采用新的Qt Continuous Integration系统开发出来的***个版本。所谓Qt Continuous Integration系统。说白了就是性能测试实验做得多一点。当Qt新版本每加进或者更改一个功能的时候,这个系统可以对加进来的模块进行测试,如果它对Qt其他部分性能产生坏的影响,那么将取消这个行为。也就是可以保证我们接下来使用的更高版本的Qt肯定比以前的性能更加优化。

(3)webkit的更新

Qt 4.7采用的更新了***的webkit2.0模块。支持硬件加速CSS、3D动画。

(4)Qt creator 2.0

creator2.0着重增加了mobile developers便利性。增加了对塞班和maemo开发环境的支持。

Qt quick工具包括三个部分。我们现在依次来了解这三个部分的内容和功能。

1、QML(Qt元对象解释性语言)它是用来解释和说明UI的。语言形式类似于CSS,功能类似于JavaScript。下面大家看一段QML代码应该就清楚了。甚至这串代码都不需要去解释的。文件以qml为后缀名。(qml文件只是一个界面,可以是静态的也可以是动态的。)qml可以实现很多复杂的ui动态交互。详情可以参见qt的demo。

  1. Rectangle {  
  2. id: rectangle1  
  3. x: 208  
  4. y: 31  
  5. width: 100  
  6. height: 100  
  7. color: "#2afd00"  
  8. radius: 50  
  9. border.width: 0  

2、新的工具 Design 在creator2.0中。以图为证:

qml和design工具***的优点在于可以实现qml脚本和ui的双向动态交互。这在以前版本的工具designer中是实现不了的。而且qml是解释性脚本语言,这个ui开发带来很大的便利。

那么如何将我们设计的qml文件添加进qt的project中呢?也就是如何在qt的application中使用qml。这里就自然进入第三个部分。

3、QtDeclarative

这个模块是用来装载ui的。还是看代码先。这是qt declarative的objectlistmodel的例子。

首先看一下objectlistmodel的pro文件:

  1. TEMPLATE = app 
  2. TARGET = objectlistmodel 
  3. QT += declarative  
  4. # Input  
  5. SOURCES += main.cpp \  
  6. dataobject.cpp  
  7. HEADERS += dataobject.h  
  8. RESOURCES += objectlistmodel.qrc  
  9.  
  10.  
  11. objectlistmodel的main.cpp文件:  
  12. #include <QApplication> 
  13. #include <qdeclarativeengine.h> 
  14. #include <qdeclarativecontext.h> 
  15. #include <qdeclarative.h> 
  16. #include <qdeclarativeitem.h> 
  17. #include <qdeclarativeview.h> 
  18. #include “dataobject.h”  
  19. int main(int argc, char ** argv)  
  20. {  
  21.     QApplication app(argc, argv);  
  22.     QDeclarativeView view;  
  23.     QList<QObject*> dataList;  
  24.     dataList.append(new DataObject(“Item 1″, “red”));  
  25.     dataList.append(new DataObject(“Item 2″, “green”));  
  26.     dataList.append(new DataObject(“Item 3″, “blue”));  
  27.     dataList.append(new DataObject(“Item 4″, “yellow”));  
  28.     QDeclarativeContext *ctxt = view.rootContext();  
  29.     ctxt->setContextProperty(“myModel”,  
  30.     QVariant::fromValue(dataList));  
  31.     view.setSource(QUrl(“qrc:view.qml”));  
  32.     view.show();  
  33.     return app.exec();  

看到了吧,就是用QDeclarativeView这个类来装载ui的。

那下面我们就可以自己写个application,把图中的12.qml装载进去编译成一个exe文件了。

下面是我用到的main.cpp的代码:

  1. QApplication a(argc, argv);  
  2. QDeclarativeView vi;  
  3. vi.setSource(QUrl(“12.qml”));  
  4. vi.setResizeMode(QDeclarativeView::SizeRootObjectToView);  
  5. vi.show();  
  6. return a.exec(); 

OK,至此QT4.7的性能介绍完毕。通过这个介绍我们也知道了4.7开发app的基本流程。 如有bug欢迎指正。

小结:解析Qt4.7新特征Qt Quick开发流程的内容介绍完了,希望通过本文的学习能对你有所帮助!更多关于QT的相关内容,请参考QT开发频道

责任编辑:zhaolei 来源: 互联网
相关推荐

2011-06-20 13:05:53

Qt 4.7 Qt Quick

2010-10-14 09:04:36

2011-07-01 14:39:08

Qt Quick

2010-11-23 17:39:08

Qt

2011-08-30 15:49:03

QtQuick

2011-06-28 15:09:38

Qt Maemo

2011-06-16 15:17:16

2010-09-15 09:00:21

MeeGo TouchQT SDKMeeGo

2011-06-10 11:24:08

Qt Quick Designer

2011-08-30 15:32:08

QtQuickQML

2011-02-14 09:18:06

QT-Quick

2011-03-03 15:32:51

Qt-Quick

2011-06-10 11:05:05

Qt Quick QML

2011-06-20 13:23:03

Qt Quick QML

2011-10-25 09:37:34

SymbianQt Quick诺基亚应用商店

2011-07-05 14:16:50

QT Mysql 驱动

2011-06-28 13:38:15

Arm linux QT

2011-08-29 10:01:27

QTWebkit插件

2011-06-13 14:29:40

Qt Designer

2011-06-24 17:22:29

Qt Quick QML
点赞
收藏

51CTO技术栈公众号