Qt6.3 学习笔记

以下是一份基于Qt 6.3的学习笔记，主要涵盖了基本概念、环境配置和一些基础功能的使用：

**一、基本概念**

1. **Qt**: Qt是一个跨平台的C++图形用户界面应用程序开发框架。它提供了一套丰富的API和工具集，用于创建桌面、移动和嵌入式设备的应用程序。

2. **Qt Creator**: Qt Creator是Qt官方提供的集成开发环境（IDE），支持代码编辑、调试、项目管理等功能。

3. **信号与槽(Signal & Slot)**: 是Qt的核心特性之一，用于实现对象之间的通信。信号表示某个事件的发生，槽表示响应特定信号的函数。

**二、环境配置**

1. **安装Qt**: 可以从Qt官方网站下载并安装Qt Online Installer。在安装过程中选择需要的组件，包括Qt库、Qt Creator等。

2. **配置Qt Creator**: 打开Qt Creator，进行以下配置：
   - 设置编译器：Tools -> Options -> Kits -> Select a Kit -> Compiler。
   - 设置Qt版本：Tools -> Options -> Kits -> Select a Kit -> Qt Version。

**三、Qt Quick入门**

1. **QML**: QML是Qt的一种声明性语言，用于描述用户界面。它可以与JavaScript结合使用，实现动态效果和交互逻辑。

2. **创建Qt Quick项目**: 在Qt Creator中新建项目，选择"Application (Qt Quick)"模板。

3. **基本QML元素**:
   - `Rectangle`: 用于绘制矩形。
   - `Text`: 用于显示文本。
   - `Image`: 用于显示图片。

```qml

import QtQuick 2.15
import QtQuick.Controls 2.15

Rectangle {
    width: 400
    height: 400
    color: "lightblue"

    Text {
        text: "Hello, Qt!"
        anchors.centerIn: parent
        font.pointSize: 24
    }

    Image {
        source: "image.png"
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
    }
}

**四、C++与QML的交互**

1. **QObject**: 所有与QML交互的C++类都需要继承自QObject。

2. **Q_PROPERTY**: 使用Q_PROPERTY宏将C++类的属性暴露给QML。

3. **QQmlContext**: 通过QQmlContext可以将C++对象注入到QML上下文中。```cpp

#include <QObject>

class MyObject : public QObject
{
    Q_OBJECT
    Q_PROPERTY(QString message READ getMessage NOTIFY messageChanged)

public:
    explicit MyObject(QObject *parent = nullptr) : QObject(parent) {}

    QString getMessage() const { return m_message; }

signals:
    void messageChanged();

private:
    QString m_message = "Hello from C++!";
};

在QML中使用：```qml

import QtQuick 2.15
import QtQuick.Controls 2.15
import org.example.myobject 1.0

Rectangle {
    width: 400
    height: 400
    color: "lightblue"

    Text {
        text: myObject.message
        anchors.centerIn: parent
        font.pointSize: 24
    }

    Connections {
        target: myObject
        onMessageChanged: console.log("Message changed:", myObject.message)
    }
}

Component.onCompleted: {
    var myObject = new MyObject();
    engine.rootContext.setContextProperty("myObject", myObject);
}