QML 怎么自定义组件

在QML中，自定义组件需要创建一个新的QML文件，并在其中定义组件的属性和行为。下面是一个简单的例子：

1. 创建新的QML文件，例如MyButton.qml。

2. 在MyButton.qml中定义组件的属性和行为，例如：

import QtQuick 2.0

Rectangle {
    width: 100
    height: 50
    color: "red"

    property string text: "Button"

    MouseArea {
        anchors.fill: parent
        onClicked: console.log("Button clicked")
    }

    Text {
        anchors.centerIn: parent
        text: parent.text
    }
}

3. 在其他的QML文件中使用自定义组件，例如：

import QtQuick 2.0

Item {
    MyButton {
        text: "Click me"
    }
}

以上例子中，自定义组件MyButton包含一个红色的矩形和一个文本标签，同时提供了一个文本属性和一个点击事件。其他的QML文件可以使用MyButton来创建按钮，设置文本和处理点击事件。