(YouTube) KDBA QML 学習ノート

旧バージョン（QMLファイル紹介）

main.qml

import 	QtQuick 2.0

Text {
    
    
	text: "Hell World"
}

main.cpp

#include <QtQuick>

int mian(int argc, char *argn[])
{
    
    
    QGuiApplication app(argc, argv);//QT开始    
    QQuickview view;   //创建实际显示屏幕上的部分。
    view.setSource(QUrl("main.qml"));//QML到Qt的最后一部分，加载QMl文件
    view.show(); //进行显示
    return app.exec;   //QML层，相当于while循环，判断各事件
}
5-9-6-8-7视频中的讲解顺序

ビジネスロジックはC++で記述されており、ユーザーインターフェイスはQML形式を採用しています。

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15

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

main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>


int main(int argc, char *argv[])
{
    
    
#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endif
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/main.qml"));
    QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
        &app, [url](QObject *obj, const QUrl &objUrl) {
    
    
            if (!obj && url == objUrl)
                QCoreApplication::exit(-1);
        }, Qt::QueuedConnection);
    engine.load(url);

    return app.exec();
}

main.cppこれは、QML を使用してユーザーインターフェイスを作成する、C++ で記述された Qt Quick アプリケーションのファイルです。コードをステップごとに説明します。

#if QT_VERSION < QT_VERSION_CHECK(6, 0, 0)
これは、使用されている Qt バージョンが 6.0.0 未満かどうかを確認する前処理ディレクティブです。条件が true の場合、ブロック内のコードが実行されます。
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
setAttribute高 DPI スケーリング機能を有効にする機能。高 DPI スケーリングは、アプリケーションが高解像度ディスプレイ上でユーザーインターフェイスを正しくスケーリングできるようにする機能です。
QGuiApplication app(argc, argv);
このコード行は、QGuiApplicationQt Quick アプリケーションへのエントリポイントであるオブジェクトを作成します。
QQmlApplicationEngine engine;
このコード行は、QQmlApplicationEngineQML ベースのユーザーインターフェイスのロードと実行を担当するオブジェクトを作成します。
const QUrl url(QStringLiteral("qrc:/main.qml"));
このコード行は、urlアプリケーションユーザーインターフェイスにロードされる QML ファイルへのパスを表す定数変数を定義します。ここでは、リソースシステムから「main.qml」という名前の QML ファイルを読み込みます (「qrc://」はリソースファイルを表します)。
QObject::connect(&engine, &QQmlApplicationEngine::objectCreated, &app, [url](QObject *obj, const QUrl &objUrl) { ... });
このコード行は、Lambda 関数を信号に接続しQQmlApplicationEngineますobjectCreated。objectCreatedシグナルは、QML エンジンがルート QML オブジェクトを作成するときに発行されます。ここでは、QML オブジェクトが作成されるときに、Lambda 関数が呼び出されます。
if (!obj && url == objUrl) QCoreApplication::exit(-1);
Lambda 関数では、作成されたオブジェクト ( ) が存在するobjかどうかnullptr、およびobjUrl作成されたオブジェクト ( ) の URL が以前に定義された QML ファイル ( ) の URL と同じであるかどうかを確認しますurl。条件が true の場合、アプリケーションはステータスコード -1 で終了し、エラーが発生したことを示します。
engine.load(url);
urlこのコード行は、以前に定義された QML ファイル ( )の URL をにロードしますQQmlApplicationEngine。QML ファイルはエンジンによって処理および実行され、そのユーザーインターフェイスが表示されます。
return app.exec();
最後に、app.exec()この関数はアプリケーションのイベントループを開始します。これにより、アプリケーションは終了するまで実行され、イベントが処理され続けます。

したがって、このmain.cppファイルは、QML ベースのユーザーインターフェイスで Qt Quick アプリケーションを実行するために必要な構成とオブジェクトをセットアップし、アプリケーションのイベントループを開始します。Qt バージョンが 6.0.0 未満の場合、高 DPI スケーリングが有効になり、「main.qml」という名前のメイン QML ファイルがロードされます。

.pro ファイル

QT += quick

# You can make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
        main.cpp

RESOURCES += qml.qrc

# Additional import path used to resolve QML modules in Qt Creator's code model
QML_IMPORT_PATH =

# Additional import path used to resolve QML modules just for Qt Quick Designer
QML_DESIGNER_IMPORT_PATH =

# Default rules for deployment.
qnx: target.path = /tmp/$${
    
    TARGET}/bin
else: unix:!android: target.path = /opt/$${
    
    TARGET}/bin
!isEmpty(target.path): INSTALLS += target

.proこれは、プロジェクトの構成とビルドルールを記述するQt Quick アプリケーションのプロジェクトファイル (通常は名前が付けられたファイル) です。このファイルの内容を 1 つずつ説明しましょう。

QT += quick
この行は、プロジェクトで使用される Qt モジュールを指定します。ここでは、quick高速で動的なユーザーインターフェイスを作成するための Qt Quick フレームワークをサポートするモジュールが使用されています。
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000
このコード行はコメントアウトされています。コメントを解除すると、プリプロセッサマクロが定義されQT_DISABLE_DEPRECATED_BEFORE、その値がに設定されます0x060000。このマクロの目的は、Qt 6.0.0 より前で非推奨になった API を無効にして、非推奨の API を使用するコードがコンパイル時に失敗するようにすることです。
SOURCES += \ main.cpp
このコード行は、プロジェクト内の C++ ソースコードファイルを指定しますmain.cpp。これは、main.cppアプリケーションのエントリポイントとメインロジックを含むメインの C++ ソースファイルです。
RESOURCES += qml.qrc
このコード行はリソースファイルを指定します.qrc。Qt では、リソースファイルは、リソース (画像、スタイルシート、QML ファイルなど) をアプリケーションにパッケージ化するために使用されるファイルです。ここでは、qml.qrc1 つ以上の QML ファイルを含むリソースファイルです。
QML_IMPORT_PATH =
このコード行は、Qt Creator のコードモデルで QML モジュールを解析するための追加のインポートパスを設定します。ここでは特定のパスが指定されていないため、現在のプロジェクトのディレクトリがインポートパスとして使用されます。
QML_DESIGNER_IMPORT_PATH =
このコード行は、Qt Quick Designer でのみ QML モジュールを解析するための追加のインポートパスを設定します。ここでも、特定のパスが指定されていないため、現在のプロジェクトのディレクトリがインポートパスとして使用されます。
qnx: target.path = /tmp/$${TARGET}/bin
このコード行は、QNX プラットフォームでのインストールパスを設定するために使用されます。ターゲットプラットフォームが QNX の場合、target.pathに設定されます/tmp/目标名称/bin。
else: unix:!android: target.path = /opt/$${TARGET}/bin
このコード行は、他の Unix プラットフォームでのインストールパスを設定するために使用されます。ターゲットプラットフォームが別の Unix プラットフォーム (Android を除く) の場合は、に設定されtarget.pathます/opt/目标名称/bin。
!isEmpty(target.path): INSTALLS += target
このコード行は、target.path以前に設定された値に基づいて、指定されたパスにターゲットファイルをインストールします。

この.proファイルは、Qt ビルドシステムに Qt Quick アプリケーションのコンパイルおよびビルド方法を指示し、アプリケーションのソースコードファイル、リソースファイル、インストールパスなどの関連構成を指定します。

QMLの歴史

画像-20230802110713393

Qt アーキテクチャ

画像-20230802111418263

o` ファイルは、Qt ビルドシステムに Qt Quick アプリケーションのコンパイルおよびビルド方法を指示し、アプリケーションのソースコードファイル、リソースファイル、インストールパスなどの関連構成を指定します。