QML 语言基础

本文介绍了QML语言的基础知识,包括对象、表达式、注释、属性等。QML对象通过类型和花括号定义,属性以"property: value"形式指定,支持JavaScript表达式。文中还讲解了id属性、列表属性、信号处理器、附加属性等概念,帮助初学者理解QML语法。
摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

    在《Qt Quick 简介》中我们提到 QML 语法和 Json 类似,请参考《Qt on Android: http下载与Json解析》查看 Json 语法。当然这里我们是期望从零开始也能学会 QML ,所以呢,你也可以直接往下看。

    版权所有 foruok,转载请注明出处:http://blog.csdn.net/foruok

对象

   QML 文件的后缀是 qml ,其实就是个文本文件。下面是 一个简单的 QML 文件:

import QtQuick 2.0import QtQuick.Controls 1.1import QtQuick.Dialogs 1.1import an.qt.ImageProcessor 1.0import QtQuick.Controls.Styles 1.1Rectangle {    width: 320;    height: 480;    color: "#121212";        Image {        source: "images/IMG_001.jpg";        anchors.centerIn: parent;    }}

    这个简单的 QML 文件的开始是 import 语句,如 import QtQuick 2.0 这句,会引入 QtQuick 2.0 模块,哇,真是废话!接着废话吧。 import 和 C++ 中的 #include 类似,与 Java 中的 import 效果一样,与 JavaScript 中的……唐僧了,打住。

    Rectangle{ } 语句,定义了一个类型为 Rectangle 的对象。如果你看了《Qt on Android: http下载与Json解析》一文中有关 Json 的语法描述,应该已经知道对象要用一对花括号来描述。没错, QML 里也是这样,不过呢,花括号前要写上对象的类型。就这么简单!

    示例 QML 文档中有两个对象,一个是 Rectangle ,一个是 Image 。

    在花括号之间,是对象的属性描述(还可以有其它的,后面再说),属性是以 "property: value" 形式指定的,这点和 Json 一样。如你所见, Rectangle 对象有 width 、 color 等属性。

    属性可以分行书写,此时语句后可以不要 ";" 号,不过笔者建议 C++ 程序猿都加上 ";" ,这会避免你患上精神分裂症。当然,也可以把多个属性写在一行内,多个属性之间必须以 ";" 分割。如下所示:

Rectangle {    width: 320; height: 480; color: "#121212";}
    我强烈建议你不要这么干!除非有代码意外的原因,比如排版需要,比如老板觉得你代码行数太多……

表达式

     在《

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值