QT/QML 简介

gopher95112024-09-09 16:10

QT/QML

QML（Qt Meta Language 或 Qt Modeling Language）是一种用于设计用户界面的声明式语言，主要用于Qt框架。QML允许开发者以一种直观的方式描述用户界面，同时与JavaScript结合使用，以便实现复杂的逻辑和动态行为。以下是一些QML的基本概念和示例代码：

基本概念

元素（Elements） ：QML的基本构建块，例如Rectangle、Text、Button等。
属性（Properties） ：元素的特性，例如width、height、color等。
信号和处理器（Signals and Handlers） ：用于处理事件，例如onClicked。
JavaScript：用于实现复杂的逻辑。

示例代码

以下是一个简单的QML示例，展示了一个带有按钮和文本的窗口：

qml 复制代码

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: "QML 示例"

    Rectangle {
        width: 200
        height: 100
        color: "lightblue"
        anchors.centerIn: parent

        Text {
            text: "Hello, QML!"
            anchors.centerIn: parent
        }

        Button {
            text: "点击我"
            anchors.top: parent.bottom
            anchors.horizontalCenter: parent.horizontalCenter
            onClicked: {
                console.log("按钮被点击了")
            }
        }
    }
}