qml调研报告材料(上)

《qml调研报告材料(上)》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、实用标准文案QML浅析报告2011.6.18前言：11.QT引言12.QML简介、用途、好处23.QML示例24.QML详细介绍.34.1界面元素：34.2界面元素属性:34.3布局管理34.4事件:44.5状态：states54.6过渡：Transition64.7动画：64.8计时器：Timer64.9QML拓展：64.10QML与Javascript74.11数据模型与视图74.12QML和QTC++的相互调用75.QML的查看、开发工具85.1QMLViewer85.2QtCreator86.总结8附录一：基本

2、元素的介绍8附录二：图片移动示例10附录三：颜色变化示例12前言：本文主要是对QML语言的介绍，主要涉及QML简介，QML示例，QML基本语法、QML高级应用、QML与Javascript、QML与QTC++的相互调用、QML的运行、开发工具等。重点在QML基本语法的介绍。部分内容引自互联网相关文档，未能全部加上标注，所以仅限内部交流使用！1.QT引言　　Qt是诺基亚开发的一个跨平台的C++图形用户界面应用程序框架。它提供给应用程序开发者建立艺术级的图形用户界面所需的所用功能。　　基本上，Qt同XWindow上的Mot

3、if，Openwin，GTK等图形界面库和Windows平台上的MFC，OWL，VCL，ATL是同类型的东西，但Qt具有优良的跨平台特性、面向对象、丰富的API、大量的开发文档等优点。（from百科）文档实用标准文案2.QML简介、用途、好处QT4.7引入QtQuick(QtUserInterfaceCreationKit).技术包括:•Declarativemarkuplanguage:QML•Qt提供了运行库支持•QtCreatorIDE支持QMLlanguage•可视化设计工具•提供了C++API将QML加入到Q

4、t的应用中------QtDeclarativeQML(QtMeta-ObjectLanguage)，是Qt推出的QtQuick技术的一部分，是一种新增的简便易学的语言。QML是一种陈述性语言，用来描述一个程序的用户界面。文件格式以.qml结尾。语法格式非常像CSS，但又支持javacript形式的编程控制。在QML，一个用户界面被指定为具有属性的对象树。这使得Qt更加便于很少或没有编程经验的人使用。JavaScript在QML中作为一种脚本语言，对QML进行逻辑方面的编程。它结合了QtDesignerUI和QtScr

5、ipt的优点。QtDesigner可以设计出.ui界面文件,但是不支持和Qt原生C++代码的交互。QtScript可以和Qt原生代码进行交互，但是有一个缺点，如果要在脚本中创建一个继承于QObject的图形对象非常不方便，只能在Qt代码中创建图形对象，然后从QtScript中进行访问。而QML可以在脚本里创建图形对象，并且支持各种图形特效，以及状态机等，同时又能跟Qt写的C++代码进行方便的交互，使用起来非常方便。.3.QML示例第一个例子：HelloWorld.qml效果图：文档实用标准文案Tips：这就是QML版的

6、HelloWorld，可以看到QML语法规则与Javascript语法类似。代码中的Rectangle被称作界面元素，它是QML语言中基本的单位，QML实现的界面就是由许多这样的界面元素通过布局和位置管理完成的。可以看到，Rectangle同其名字一样，它就是描述一个矩形的，每个界面元素后面跟着一对大括号，里面是对此元素的属性，用于描述此元素的具体信息。例如上例中的width，hight等。不同元素的位置通过布局和位置管理完成，还可以通过设置元素的z属性来确定元素的显示的先后顺序。具体信息见下一部分。4.QML详细介绍

7、.4.1界面元素：界面元素（如上例中的Rectangle）是QML实现的界面中的基本单位。多个元素平行定义。QML提供了很多定义好的界面元素（当然你也可以自己定义），较为常用的有：Item,Rectangle,Image,Text,MouseArea,WebView,ListView等。4.2界面元素属性:界面元素属性是用来描述界面元素信息的，位置在界面元素名称后的一对大括号中，每一属性独占一行，多个属性放在一行时，之间要加逗号分开。同样QML提供了丰富的界面元素属性。主要有：x,y,z属性、width、height、

8、anchors、opacity、rotation、scale、visibility(true/false)、parent或children、keyeventhandling等。具体参见QTAssistant--->QMLElements4.3布局管理有了被属性描述的界面元素后，在给界面元素加上布局就能实现简单的组合界面了。QML提