QML 添加扩展插件QQmlExtensionPlugin

一.添加QQmlExtensionPlugin方式步骤

目的：界面跨软件复用。

项目目录结构如下图：

1.首先，创建一个继承自QQmlExtensionPlugin的类，例如MyPlugin。在这个类中，实现registerTypes()和initializeEngine()方法。

#ifndef MYPRO_PLUGIN_H
#define MYPRO_PLUGIN_H

#include <QQmlExtensionPlugin>

class MyProPlugin : public QQmlExtensionPlugin
{
    Q_OBJECT
    Q_PLUGIN_METADATA(IID QQmlExtensionInterface_iid)

public:
    void registerTypes(const char *uri) override;
    void initializeEngine(QQmlEngine *engine, const char *uri) override;
};

#endif // MYPRO_PLUGIN_H

2.在MyPlugin类的实现文件中，实现registerTypes()和initializeEngine()方法。

#include "mypro_plugin.h"
#include "mycustomitem.h"

#include <qqml.h>

void MyProPlugin::registerTypes(const char *uri)
{
    // @uri rc.qt.CustomRect
    // 在这里注册你的类型，例如：
    //qmlRegisterType<MyCustomItem>(uri, 1, 0, "MyCustomItem");
    qmlRegisterType(QUrl("qrc:/CustomRect.qml"),uri,1,0,"CustomRect");
}

void MyProPlugin::initializeEngine(QQmlEngine *engine, const char *uri)
{
    // 在这里初始化引擎，例如：
    QQmlExtensionPlugin::initializeEngine(engine, uri);
}

3.资源文件 

//CustomRect.qml

import QtQuick 2.0

Rectangle
{
   color: "lightblue"
   border.width: 1
   border.color: "red"
}

 4.编译项目，生成插件库 MyPro.dll

5.将生成的插件库添加到QML应用程序的搜索路径中,

（1）在main.cpp中，使用QQmlApplicationEngine的addImportPath()方法添加插件库的路径。

//main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QJsonDocument>
#include <QJsonObject>
#include <QDebug>

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

    QQmlApplicationEngine engine;
    engine.addImportPath(app.applicationDirPath() +"/plugin"); // 添加插件库的路径
    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();
}

 （2）在QML文件中，导入插件库及QML中使用注册的类型

import QtQuick 2.12
import QtQuick.Window 2.12
import rc.qt.CustomRect 1.0 //导入插件库

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Test Example")

    CustomRect
    {
       width:200
       height:100
    }
}

运行结果：

 

注意：插件库文件目录根据自己需求设置：