Component和Loader元素

最新推荐文章于 2025-04-22 17:11:15 发布

原创

最新推荐文章于 2025-04-22 17:11:15 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt

Component：提前创建一个组件，内部有且仅有1个子元素，创建后不会立即生成，需要使用Loader元素进行加载
Loader：用来加载qml文件或者Component元素，可以通过操作Loader来动态的创建和销毁元素，以及改变Component内部子元素的属性

举例：

使用Component封装了1个矩形。

点击按钮时，Loader元素加载这个Component,创建内部封装的矩形

再次点击时，Loader元素销毁掉这个Component内部封装的矩形

按下按钮时，通过Loader改变Component内部封装矩形的宽度和颜色

import QtQuick
import QtQuick.Controls

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    //Completed信号，Window构造完成时。可以做一些逻辑
    Component.onCompleted: {
        console.log("onComplete",width,height);
    }

    //Destruction信号，Window销毁时
    Component.onDestruction: {
        console.log("onDestruction");
    }

    //创建一个Component，不会显示，需要搭配loader动态的创建和销毁内部封装的元素
    Component{
        id:component1
        //Component内部