QML 简单介绍

CoderIsArt

于 2025-09-12 14:47:58 发布

阅读量61

点赞数

CC 4.0 BY-SA版权

分类专栏： QT 文章标签： QML

本文链接：https://blog.youkuaiyun.com/zkmrobot/article/details/151618485

QT 专栏收录该内容

116 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

QML 全面介绍

什么是 QML？

QML（Qt Modeling Language）是一种声明式编程语言，用于构建现代化、动态的用户界面。它是 Qt 框架的重要组成部分，特别适合创建流畅、美观的应用程序界面。

基本语法结构

1. 基本元素结构

// 简单的QML文件示例
import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    id: window
    width: 400
    height: 300
    visible: true
    title: "我的QML应用"

    // 属性声明
    property string userName: "张三"
    property int clickCount: 0

    // 子组件
    Rectangle {
        id: mainRect
        width: 200
        height: 100
        color: "lightblue"
        anchors.centerIn: parent

        Text {
            text: "你好, " + userName
            anchors.centerIn: parent
            font.pixelSize: 20
        }
    }
}