目錄

?

?

官方解析

博主栗子

---

?

官方解析

按鈕展示了一個按鈕控件，這個控件可以被用戶所按下，按鈕是通常被用于執行一個操作，或者解決一個問題。buttons有如下幾個典栗，如Ok，Apply，Cancel，Close，Yes，No，Help。
一個按鈕可以觸發clicked()信號，連接這個信號可以執行某些操作。按鈕也提供了如下的幾個信號canceled()，doubleClicked()， pressed()，released()和pressAndHold()，以及長按。
下面這個片段展示了按鈕的信號該如何連接：

RowLayout {Button {text: "Ok"onClicked: model.submit()}Button {text: "Cancel"onClicked: model.revert()}}

下面說下自定義按鈕，按鈕由2個可視化item：background和content item組成

?

import QtQuick 2.6import QtQuick.Controls 2.1Button {id: controltext: qsTr("Button")contentItem: Text {text: control.textfont: control.fontopacity: enabled ? 1.0 : 0.3color: control.down ? "#17a81a" : "#21be2b"horizontalAlignment: Text.AlignHCenterverticalAlignment: Text.AlignVCenterelide: Text.ElideRight}background: Rectangle {implicitWidth: 100implicitHeight: 40opacity: enabled ? 1 : 0.3border.color: control.down ? "#17a81a" : "#21be2b"border.width: 1radius: 2}}

?

?

博主栗子

程序運行截圖如下：

?

源碼如下：

main.cpp

#include <QApplication> #include <QQmlApplicationEngine>int main(int argc, char *argv[]) {QApplication a(argc, argv);QQmlApplicationEngine engine;engine.load(QUrl("qrc:/main.qml"));if(engine.rootObjects().isEmpty()){return -1;}return a.exec(); }

main.qml

import QtQuick 2.7 import QtQuick.Controls 2.0 import QtQuick.Layouts 1.3ApplicationWindow {visible: truewidth: 800height: 600RowLayout{anchors.centerIn: parentButton{text: "Ok"onClicked: {console.log("Button clicked!")}}MyButton{id: helloMyButtononClicked: {console.log("MyButton clicked!")}}}}

MyButton.qml

import QtQuick 2.6 import QtQuick.Controls 2.1Button {id: controltext: qsTr("MyButton")contentItem: Text{text: control.textfont: control.fontopacity: enabled ? 1.0 : 0.3color: control.down ? "#17a81a" : "#21be2b"horizontalAlignment: Text.AlignHCenterverticalAlignment: Text.AlignVCenterelide: Text.ElideRight}background: Rectangle{implicitHeight: 100implicitWidth: 40opacity: enabled ? 1 : 0.3border.color: control.down ? "#17a81a" : "#21be2b"border.width: 1radius: 2} }

?

總結

以上是生活随笔為你收集整理的Qt文档阅读笔记-Button QML Type官方解析及实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。