Qt quick 按钮控件及其样式设置

在编写qml文档如果想要使用Button控件就必须在文件头部添加：import QtQuick.Controls 1.4

如果想要设置Button的样式则需要在文件头部添加：import QtQuick.Controls.Styles 1.4

import QtQuick 2.5 import QtQuick.Window 2.2 import QtQuick.Controls 1.4 import QtQuick.Controls.Styles 1.4 Window { visible: true width: 320 height: 400 color: "green" Button { id: openFile text: "打开" width: 100 height: 40 //anchors作为当前控件Button的锚点,可以表示控件的上下边的y左右边的x //Button左边边界的值为Window左边边界的值 anchors.left: parent.left //边界相隔距离从0变成了10，相当于Button向左平移了10 anchors.leftMargin: 10 anchors.top: parent.top anchors.topMargin: 10; } Button { id: quit text: "退出" width: 100 height: 40 anchors.right: parent.right anchors.rightMargin: 10 anchors.bottom: openFile.bottom style: ButtonStyle { //进行对Button的样式设置 background: Rectangle { //设置圆角 radius: 5; color: "red" } } //点击按钮则退出程序 onClicked: { Qt.quit() } } } //特别的，信号与槽在Qt Quick中的使用：如发出sendMsg信号，则响应的槽函数为onSendMsg();