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();