QML 动态加载组件

在 QML 中，Component 和 Loader 是两个非常重要的元素，它们通常一起使用来实现动态加载和组件复用。下面我将详细解释它们的用法和区别：

---

1. Component（组件）

基本概念

Component 是一个可以重复使用的 QML 元素定义，它本身不会直接创建实例，而是作为模板使用。

主要用途

• 定义可复用的 UI 组件
• 作为 Loader 的源组件
• 用于 ListView/GridView 的委托

基本语法

Component {
    id: myComponent
    // 在这里定义你的 QML 元素
    Rectangle {
        width: 100
        height: 100
        color: "red"
    }
}

使用方式

1. 与 Loader 一起使用：

   Loader {
       sourceComponent: myComponent
   }
   

2. 作为委托组件：

   ListView {
       model: myModel
       delegate: myComponent
   }