Qt界面UI之QML初见(学习笔记四)

一 概述

QML是一种专门用于构建用户界面的编程语言,它允许用户构建高性能,具有流畅特效的可视化应用程序,QML是可读的,声明式的文档,具有类似JSON的语法,支持使用JavaScrip表达式,具有动态属性绑定等特性。

二 QML语法基础

QMl的代码一般长如下:

import QtQuick 2.2

Rectangle {
    width: 360
    height: 360

    MouseArea {
        anchors.fill: parent
        onClicked: {
            Qt.quit();
        }
    }

    Text {
        anchors.centerIn: parent
        text: "Hello World"
    }
}

1 导入语句 import

  import语句导入了QtQuick模块,它包含了QML各种类型!

2 对象和属性

QML文档就是一个QML对象树,在这段代码中创建了两个对象,Rectangle和它的子对象Image,对象有它的类型指定,大写字母开头,后面跟一对大括号,里面有宽,高,颜色等属性。

属性通过“属性:值”来初始化,属性和它的值使用一个冒号隔开。属性可以分开写,也可写在一行,分开时分号不是不需的,写在一行必须有分号。

Rectangle {
    width: 360
    height: 36
}

3 布局

Image的anchors.centerIn起到了布局的作用,使Image处于对象的中心位置。还有其他布局方式。

4 注释

QML的注释和javascript相似。//单行注释,/**/多行注释。

5 表达式

“属性:值”中的值可以设置成表达式,例如:

Item {
    width: 100*3
    height: 50+22
}

  表达式中可包含其他对象或属性的引用,这样便创建了一个绑定,当表达式的值改变时,这个属性会自动更新为新的值。

6 调试输出

在QML代码中,可以用console.log()和conlole.debug()来输出调试信息。

接下来详细的讲解下import语句

三 import导入语句

默认情况下,QML文档可以访问到该.qml同目录下的对象类型,要想访问其他对象类型,就必须使用import导入该类型的命名空间。

1 模块导入

import<ModuleIdentifier><Version.Number> [as<Qualifier>] 例如:

import QtQuick 2.2 as Quick

Quick.Rectangle {
    width: 360
    height: 360
}

2 导入目录

QML文档支持直接导入包含有QML文档的目录:import “<DirectoryPath>” [as<Qualifier>] <DirectoryPath>既可以是本地目录,也可以是远程目录 <Qualifier>和前面一样,是限定符。 例如: import “../mycomponnets” 和 import "https://wiki.autodesk.com/mycomponnets" 注意:当导入网络上的目录时,只能访问该目录qmldir文件制定的QML文件和JavaScript文件。

3 目录清单qmldir文件

除了远程目录,本地目录也可以包含一个qmldir文件,这样可以只暴露qmldir中指定类型给导入该目录的客户端。如果目录中的JavaScript资源没有声明在一个qmldir文件中,那么它们不能暴露给客户端。 目录清单的语法如下:

4 JavaScript资源导入语句

import “<JavaScriptFile>” as "<Identifier>"

每个导入的JavaScript文件都要指定一个标识符,以便能够在QML文档中访问,这个标识符必须是唯一的。

此笔记主要参考《QT5编程入门》一书,并非原创,但写了这么多也很耗时,纯手打。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Java帮帮-微信公众号-技术文章全总结

JavaWeb10-request&response你不得不学(1)

? request&response 一.request和response的介绍 1. request和response的作用执行流程 Web服务器收到客户端...

6914
来自专栏liulun

CodeFirst写界面——自己写客户端UI库

何谓CBS程序 CBS程序就是Client+Browser+Service的程序 纯CS程序写界面,有各种难处,那么我就在Client端引入Browser,让B...

24910
来自专栏xingoo, 一个梦想做发明家的程序员

Windows下elasticsearch插入数据报错!

  按照官方文档操作,但是windows下有些不同,它不认识单引号',因此如果这样操作,就会报错: C:\Users\neusoft>curl localhos...

19310
来自专栏java一日一条

Java 多线程同步的五种方法

因为当我们有多个线程要同时访问一个变量或对象时,如果这些线程中既有读又有写操作时,就会导致变量值或对象的状态出现混乱,从而导致程序异常。举个例子,如果一个银行账...

1292
来自专栏AI研习社

Bash 老司机也可能忽视的 10 大编程细节

AI 研习社按:Bash,作为大部分 Linux 发行版的出厂预设 Shell,因其晦涩难懂的语法设置,以及需要特别留心的编程细节,几乎成为 Linux 区别于...

2846
来自专栏PHP在线

URL汉字编码

一、问题的由来 URL就是网址,只要上网,就一定会用到。 一般来说,URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文 字和符号。比如,世界上有...

4355
来自专栏小狼的世界

Taints 与 Tolerations

节点亲和性是描述Pods如何分配到一个或一组节点的策略,与之相反 Taints 描述节点拒绝一个或一组Pods的策略。其实现原理为首先通过kubectl tai...

1091
来自专栏机器学习从入门到成神

Vue.js之组件及其易错点

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sinat_35512245/articl...

731
来自专栏疯狂的小程序

微信小程序for循环里条件判断

今天踩了一下午的坑,但是确实很简单的问题。

4095
来自专栏杨龙飞前端

promise思考

1854

扫码关注云+社区

领取腾讯云代金券