Loader、source

Loader 是在 QML 中用于动态加载和创建其他 QML 文件或组件的元素。它允许您根据需要在运行时加载和实例化其他的 QML 文件，以实现动态性和灵活性。

以下是一个简单的示例，展示了如何在 QML 中使用 Loader：

Loader {
    sourceComponent: MyComponent {}  // 加载并实例化名为 MyComponent 的组件
}

在上述示例中，我们使用 Loader 元素来加载和实例化一个名为 MyComponent 的组件。sourceComponent 属性指定了要加载的组件，可以是直接嵌入的组件定义或外部 QML 文件中的组件。

Loader 元素有几个重要的属性可用于配置加载行为，例如：

• sourceComponent：指定要加载的组件。
• active：控制是否激活加载，即是否加载和显示组件。
• onLoaded：在组件加载完成后触发的信号。

通过使用 Loader 元素，您可以根据运行时条件或用户交互动态加载和显示不同的 QML 组件或文件，从而实现动态界面构建和模块化开发。

source

source 属性用于指定要加载的 QML 文件或组件的源。您可以将文件路径、URL 或组件名称作为 source 属性的值来加载相应的内容。

以下是一些示例，展示了在不同情况下如何使用 source 属性：

1. 加载本地文件：

Loader {
    source: "MyComponent.qml"  // 加载名为 MyComponent.qml 的本地文件
}

2. 加载远程 URL：

Loader {
    source: "http://example.com/MyComponent.qml"  // 加载位于远程服务器上的 MyComponent.qml 文件
}

3. 加载动态生成的 QML 字符串：

Loader {
    source: "import QtQuick 2.0\n Rectangle { width: 100; height: 100; color: 'red' }"  // 加载动态生成的 QML 字符串
}

4. 加载通过组件名称引用的组件：

Loader {
    sourceComponent: MyComponent {}  // 加载名为 MyComponent 的组件
}