自定义QML组件类型编程

自定义QML组件类型编程

在QML中，我们可以创建自定义的组件类型，以实现可重用的UI元素和功能。本文将介绍如何编程创建自定义QML组件类型，并提供相应的源代码示例。

1. 创建QML文件

首先，我们需要创建一个新的QML文件来定义我们的自定义组件。我们将使用.qml作为文件扩展名。以下是一个简单的例子，创建一个名为CustomButton.qml的自定义按钮组件：

import QtQuick 2.0

Rectangle {
    width: 100
    height: 40
    color: "steelblue"
    border.color: "black"
    radius: 5

    Text {
        anchors.centerIn: parent
        text: "Custom Button"
        color: "white"
    }

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

在上面的代码中，我们使用Rectangle