目錄

?

?

基本概念

代碼及演示

---

?

基本概念

自定義的時(shí)候，可以使用信號(hào)進(jìn)行響應(yīng)，也可以使用自帶的onClicked進(jìn)行操作。

?

?

?

代碼及演示

運(yùn)行截圖都如下：

程序結(jié)構(gòu)都如下：

第一種方法：
main.qml

import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Column{MButton{buttonText: "Button1"}MButton{buttonText: "Button2"}}}

MButton.qml

import QtQuick 2.0Item {id: rootIdproperty alias buttonText: buttonTextId.textwidth: containerRectId.widthheight: containerRectId.heightRectangle {id: containerRectIdwidth: buttonTextId.implicitWidth + 20height: buttonTextId.implicitHeight + 20color: "red"border{ color: "blue"; width: 3}Text {id: buttonTextIdtext: qsTr("Button")anchors.centerIn: parent}MouseArea{anchors.fill: parentonClicked: {console.log("Clicked on:" + buttonTextId.text)}}} }

第二種方法：

main.qml

import QtQuick 2.9 import QtQuick.Window 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Column{MButton{buttonText: "Button1"onButtonClicked: {console.log("Clicked on: Button1")}}MButton{buttonText: "Button2"onButtonClicked: {console.log("Clicked on: Button2")}}}}

MButton.qml

import QtQuick 2.0Item {id: rootIdproperty alias buttonText: buttonTextId.textwidth: containerRectId.widthheight: containerRectId.heightsignal buttonClickedRectangle {id: containerRectIdwidth: buttonTextId.implicitWidth + 20height: buttonTextId.implicitHeight + 20color: "red"border{ color: "blue"; width: 3}Text {id: buttonTextIdtext: qsTr("Button")anchors.centerIn: parent}MouseArea{anchors.fill: parentonClicked: {rootId.buttonClicked()}}} }

?

總結(jié)

以上是生活随笔為你收集整理的QML笔记-自定义控件的2种点击方式（推荐第二种）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。