QML学习【一】QML语言基础

原创

已于 2023-03-11 10:50:53 修改 · 1.5w 阅读

标签

#qt #开发语言

收录于

于 2022-11-07 16:55:05 首次发布

本文介绍了QML语言的基础知识，包括QML对象的定义、属性设置、表达式使用及信号处理器的概念。通过实例展示了如何创建简单的QML应用。

QML语言基础

首先我们要理解QML语言是什么，我们可以了联想C++与STL的关系来理解QML与Qt Quick的关系、QML是一种说明性语言，支持ECMAScript表达式。如果说你有学习过QT那么学习QML我相信也不是一件难事，之前在QT时用QSS来制作很好看到样式，在QML中这一切都变得简单，QML提供了高可读性、声明式、类CSS的语法

1.对象

如果我们创建一个最简单的qml文件：

import QtQuick

Window {
   
   
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
}

这个文件最上面的import语句，就是将QtQuick模块引入，下面的window{} 语句就是定义了一个window对象，对象的后面需要加上花括号{}。那么我们第一步定义对象就很简单只需要类名＋{}，其他的我们先省略。

那么我们再看一组例子

ApplicationWindow {
   
   
    width: 640
    height: 480
    visible: true
    title: qsTr("ImageView")
    Image {
   
   
        id: mqm
        source: "image/14.png"
        anchors.fill: parent
        fillMode: Image.PreserveAspectFit
    }
 }