QML学习笔记-介绍篇(1)
QML学习笔记-介绍篇(1)
WangRichard 发表于4年前
QML学习笔记-介绍篇(1)
  • 发表于 4年前
  • 阅读 36
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

前几日在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相关入门知识。

共有 人打赏支持
粉丝 5
博文 9
码字总数 10668
×
WangRichard
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: