qml Component使用示例

以下是一个使用QML Component的简单示例：

在main.qml文件中，我们定义了一个Rectangle组件，并使用了一个自定义的MyButton组件：

import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 400
    height: 400

    Rectangle {
        width: 200
        height: 50
        color: "lightblue"

        MyButton {
            text: "Click Me"
            onClicked: console.log("Button clicked")
        }
    }
}

在MyButton.qml文件中，我们定义了一个Button组件，并使用了一个自定义的属性text和信号onClicked：

import QtQuick 2.12

Button {
    property string text: "Button"
    signal onClicked

    text: parent.text
    onClicked: parent.onClicked()
}

可以看到，我们在MyButton.qml文件中定义了一个Button组件，并使用了一个自定义的属性text和信号onClicked。在MyButton.qml中，我们设置了text属性的值为父组件的text属性值，并在按钮点击时触发了父组件的onClicked信号。

最终效果是，我们在main.qml文件中使用了一个Rectangle组件和一个MyButton组件，并在MyButton组件中设置了text属性值和onClicked信号。当点击MyButton组件时，会触发onClicked信号，并打印一条消息到控制台。