Qml 导入本地文件作为限定符不起作用

Question

以下代码是我的问题的说明，我导入并限定为 EventListner 的 qml 文件以蓝色突出显示，但当我使用它时它不起作用。

main.qml:

import QtQuick 2.7
import QtQuick.Window 2.2
import QtQuick.Controls 2.1
import "/qtrealis/untitled15/EventListner.qml" as EventListner
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Button{
   onClicked:EventListner.color="blue";
}

EventListner.qml:

import QtQuick 2.7
import QtQuick.Window 2.2
Item {
property string color: "dark"
onColorChanged: console.log("event received!")
}

Answer 1

如果你想拥有EventListener 的单例实例，你需要添加

pragma Singleton

作为EventListener.qml 的第一行

pragma Singleton

import QtQuick 2.7
import QtQuick.Window 2.2
Item {
    property string color: "dark"
    onColorChanged: console.log("event received!")
}

然后你需要一个名为qmldir 的文件在你有EventListener.qml 的目录中，内容如下：

singleton EventListener 1.0 EventListener.qml

最后你可以通过导入在main.qml中使用它：

import QtQuick 2.7
import QtQuick.Window 2.2
import QtQuick.Controls 2.1
import '.' // To import Singletons you need to explicitly import the directory
           // that holds the qmldir file
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Button {
       onClicked: EventListener.color = "blue";
    }
}

有关qmldir 文件的更多信息，请参阅文档：http://doc.qt.io/qt-5/qtqml-modules-qmldir.html

注意：如果您使用qrc-resource 系统，您需要确保将qmldir-文件添加到其中。 （右键单击 qml.qrc，添加/添加现有（取决于它是否已经创建））。否则需要使用import语句：
import 'file:/path/to/the/directory（可能需要绝对路径）