qml如何组合Button

在Qt Quick（QML）中，你可以轻松地组合使用`Button`组件。`Button`是一个常用的交互元素，通常用于触发一些操作，如点击后执行某个函数或导航到另一个界面。以下是创建和组合Button的基本步骤：

1. **添加Button组件**：首先，在你的QML文件中引入`QtQuick.Controls.Button`模块：

import QtQuick 2.0
import QtQuick.Controls 2.0

2. **创建按钮实例**：然后，你可以定义一个Button，并设置它的属性，例如文本、背景色、宽度高度等：

Button {
    id: myButton
    text: "点击我"
    color: "lightblue"
    width: 150
    height: 50
}

3. **响应点击事件**：如果你想让按钮执行特定的动作，可以使用`onClicked`信号连接一个JavaScript函数或槽：

myButton.onClicked: {
    console.log("按钮被点击了");
    // 或者在这里执行其他业务逻辑
}

4. **组合布局**：如果你想将多个Button并排或堆叠在一起，可以使用`Row`或`Column`容器组件，比如`GridLayout`或`Flickable`：

Column {
    spacing: 10
    Button { ... }
    Button { ... }
}