Qt自定义qml主题简单示例-QT开发中文网

创建QML主题文件在Qt Creator中创建一个新的QML文件，文件名为Theme.qml。在该文件中，可以定义颜色、字体等样式属性，如下所示：

import QtQuick 2.0

Rectangle {
    id: theme
    color: "#FFFFFF" // 背景色
    font.family: "Arial" // 字体
    font.pointSize: 12 // 字体大小
    property color primaryColor: "#FF0000" // 主要颜色
    property color secondaryColor: "#00FF00" // 次要颜色
}

在应用程序中使用自定义主题首先，在main.cpp文件中注册Theme类型：

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include "theme.h"

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    qmlRegisterType<Theme>("CustomTheme", 1, 0, "Theme");

    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();
}

然后，在QML界面中使用自定义主题：

import QtQuick 2.0
import CustomTheme 1.0

Theme {
    id: appTheme
}

Rectangle {
    color: appTheme.primaryColor
    Text {
        text: "Hello, World!"
        font.family: appTheme.font.family
        font.pointSize: appTheme.font.pointSize
        color: appTheme.secondaryColor
    }
}

在上面的示例中，我们先创建了一个Theme实例appTheme，并定义了它的属性。然后，在界面中使用这些属性来设置颜色和字体等样式。