Part 27 supplement (27) buttons of QML basic elements

1、Button

The button trigger process is ： When the button is clicked , Will trigger the signal clicked() The signal ;

Execution process ： Then the response slot function onClicked;

Before using the button, you need to add ：

import QtQuick.Controls 1.2

example 1：

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.2

Window
{
    visible: true
    width: 600
    height: 400

    Rectangle {
        anchors.centerIn: parent
        width: 300
        height: 300
        color: "red"

        Button {
            text: " sign out "                // Specify the button text 
            anchors.centerIn: parent
            onClicked: {
                Qt.quit()
            }
        }
    }
}

Result display ：