QML学习笔记-介绍篇（1）

最新推荐文章于 2024-10-11 17:31:32 发布

weixin_34006468

最新推荐文章于 2024-10-11 17:31:32 发布

阅读量66

点赞数

文章标签： c/c++ 移动开发 python

原文链接：https://my.oschina.net/BiaoLei/blog/188001

版权

2019独角兽企业重金招聘Python工程师标准>>>

前几日在Qt官网的一篇blog里发现了一个正在写Qt5书籍的网址http://qmlbook.org/。通过阅读了作者写的内容，可以说，在Qt5出来将近1年的时间里，除去官方的教程，这本书是目前相对入门简单且讲得也相对系统的一本书籍，尽管这本书籍目前还处在完善阶段，我可以体会到作者在空闲时间写这本书所倾注的精神。

好了闲话不多说，接下来我将写下看完这本书后入门QtQuick开发的一些随感心得。

首先，要开始学习QtQuick之前，读者最好是有C++/Qt的知识和一些javascript的基本知识，我可能会在讲解QML的过程中将其和传统的C++/Qt里的常见类进行一些对比。

Qt4和Qt5的一些小差别：

用过Qt4的同学可能会注意到一点细微的差别，在Qt5中，QtWidget已经作为一个单独的模块从QtGui中独立出去，QtGui已经成为了一个类似于绘图的工具，所在在做图形界面的时候会稍有不同。其实相对而言，QtWidget模块非常适合用来做桌面开发，但是如果你是一个移动开发爱好者，不是说QtWidget不能用来做移动开发，而是这玩意做出来的效果在触屏上体验真不是一般的差，而且问题还多多，所以这个时候，作为“为移动开发而特别优化过”的QtQuick应当作为你的首选，但QtQuick同样也是可以方便的作为桌面开发的方案。由于这次主要讲的是Qt5,所以示例代码基本是在Qt5下运行的，Qt4可能需要修改一点点吧~

开始简单的QML的“Hello World”

在桌面程序开发中，我们可以通过如下代码展现一个图形窗口的”hello world”

#include<QLabel>
#include<QApplication>
int main(int argc,char *argv[])
{
QApplication a(argc,argv);
QLabel label(“Hello World”);
label.show();
return a.exec();
}

这将在桌面上呈现一个QLabel控件，并显示出hello world字样。

而在QML里，我们将通过一下代码实现

import QtQuick 2.0
Text{
text：’hello world’
}

效果如下图

从代码量上来看，QML确实是非常的简洁，简要说明一下这个qml代码在干嘛吧。这里我们其实是声明了一个Item(QML中所以可视化元素的根，类似于桌面开发中的QWidget类是大多数可视化控件的根)的子元素Text，并将其text属性赋予”Hello World”的字符串值，然后这段QML就会被交给QML解释程序去执行，并展现如图。

下一节将开始讲解QML相关入门知识。

转载于:https://my.oschina.net/BiaoLei/blog/188001