QML type: mousearea

MouseArea Transparent transmission of mouse click events

Realization MouseArea Transparent , Let the mouse event pass from the parent control to the child control .

Set up two Rectangle,rect1 and rect2,rect1 yes rect2 The parent control of , And the area of the child control is the same as that of the parent control , The following code （ A rectangular area displayed in orange , The red parent control is covered by the orange child control ）. If you implement a that overrides the entire parent control in the parent control MouseArea Click events for , So by default , Only the parent control receives the click event , The child control will not receive the click event .

When the child control needs to receive the click message of the parent control , Of the parent control MouseArea Two things need to be done ：

• 1、 Set up propagateComposedEvents by true, This attribute indicates whether the combined mouse event will be automatically propagated to this MouseArea Others that overlap but are visually stacked in a lower order MouseArea. By default , This property is false.
• 2、 stay MouseArea Set in message processing of MouseEvent::accepted by false, It means to let the current event continue to pass down .

Rectangle {
	id: rect1
	width: 328
	height: 32
	color: "red"

	Rectangle {
		id: rect2
		anchors.fill: parent
		color: "orange"
		MouseArea {
			anchors.fill: parent
			onClicked: {
				console.log("rect2 clicked 22")
			}
		}
	}

	MouseArea {
		anchors.fill: parent
		propagateComposedEvents : true	// 1.
		onClicked: {
			console.log("rect1 clicked 333")
			mouse.accepted = false		// 2.
		}
	}
}

The above code mouse.accepted = false Medium mouse Where did it come from ？

This mouse yes onClicked Corresponding to slot function clicked Parameters carried by the signal ,clicked The declaration of the signal is ：clicked(MouseEvent mouse).

If you want to let MouseArea Do not accept mouse events can be set acceptedButtons by Qt.NoButton.

---

Please use wechat official account to search ：“ Shangguan Hongzhu ”, Or scan the QR code below , Background message consultation .