qml - 检测 QML 窗口外的点击

Question

我如何在 QML 中检测 Window {} 之外的点击？

Rectangle {
   id: topLevel

   height: 400; width: 400

   Window {
      id: windowObj

      color: "blue"
      height: 200; width: 200
      onActiveChanged { console.trace(); visible = false; }
   }

   Component.onCompleted: windowObj.visible = true
}

假设我点击了 windowObj 之外的 topLevel 的某个部分。

onActiveChanged 适用于 Windows，但不适用于 MAC。

{Using: QtQuick 2.1, QtQuick.Window 2.1, QML/Qt 5.2.0}

Answer 1

在你的 topLevel Rectangle 中放置一个 MouseArea 并让事件通过

Rectangle {
   id: topLevel

   MouseArea{
      anchors.fill : topLevel
      propagateComposedEvents : true
      onClicked : console.log("clickoutside");
   }

   Window {
      id: windowObj

      color: "blue"
      height: 200; width: 200
      onActiveChanged { console.trace(); visible = false; }
   }
}