如何访问独立QML文件中定义的变量？解决运行报错问题

问题原因 #

直接通过Style.mainWindowWidth访问属性报错，是因为Style是一个QML组件类型，而非已实例化的对象。只有组件实例才会持有具体的属性值，直接用类型名访问会返回undefined，导致类型不匹配报错。

解决方案 #

方案1：在主文件中实例化Style组件 #

在Main.qml内创建Style的实例，通过实例ID访问属性：

// Main.qml
import QtQuick
import QtQuick.Window

Window {
    id: root
    // 实例化Style组件并指定ID
    Style {
        id: appStyle
    }
    width: appStyle.mainWindowWidth
    height: appStyle.mainWindowHeight
    minimumWidth: width
    minimumHeight: height
    maximumWidth: width
    maximumHeight: height
    visible: true
    title: "Sampletext"
}

方案2：将Style设为单例组件（推荐） #

如果希望全局复用Style的属性，无需重复实例化，可以将其设置为单例：

1. 在项目根目录创建qmldir文件，添加以下内容：

singleton Style 1.0 Style.qml

2. （可选，Qt 5.11+支持）在Style.qml开头添加单例声明：

pragma Singleton
import QtQuick
QtObject {
    property int mainWindowWidth: 1024
    property int mainWindowHeight: 768
}

3. 此时Main.qml无需修改，直接使用Style.mainWindowWidth即可正常访问属性。

内容的提问来源于stack exchange，提问作者skrovno_CZ