QQuickView（QML）はマウスイベントを透過します

Question

私はボタンが中央にある大きな四角形を持っています。ボタンを除いて、マウスイベントにトランスペアレントであり、クリック可能でなければなりません。つまり、矩形が表示されていない場合とまったく同じように、マウスで矩形下のコードを選択できるようにしたいと考えています。

マウスイベントを無視しようとして、すべての大きなRectに対してMouseAreaを追加しましたが、動作しません。

「Qt :: WA_TransparentForMouseEvents」はその目的のために使用されていますが、わたしの知る限り、Qtウィンドウでは私の場合は利用できません。

マイQMLはmain.cppにからロードされ、事前に

ありがとう：

QQuickView* pView = new QQuickView(); 

    pView->setSource(QUrl("qrc:/MyRect.qml")); 
    pView->setFlags(Qt::Tool | Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint); 
    pView->setColor("transparent"); 
    pView->show(); 

MyRect.qml：

import QtQuick 2.0 
import QtQuick.Controls 1.4 

Rectangle { 
    width: 500 
    height: 500 

    color: "green" // it would be transparent 
    opacity: 0.5 

    Button { 
     anchors.centerIn: parent 
     height: 50; width: 50 
     onClicked: console.log("clicked"); 
    } 

    MouseArea { 
     anchors.fill: parent 
     enabled: false 
     propagateComposedEvents: true 
     hoverEnabled: false 

     // All this code I think is useless... 
     onClicked: mouse.accepted = false 
     onReleased: mouse.accepted = false 
     onEntered: mouse.accepted = false 
     onExited: mouse.accepted = false 
     onWheel: mouse.accepted = false 
    } 
} 

Answer 1

Rectangleは、デフォルトでは、マウスのクリックに対して透過的です。あなたはMouseAreaことを奪う場合、Buttonはクリックを受け取り、Rectangle上のすべてのクリックは、その囲む親に通過します：アクションで

import QtQuick.Window 2.2 
import QtQuick.Dialogs 1.2 
import QtQuick 2.7 
import QtQuick.Controls 1.5 
import QtQuick.Controls.Styles 1.4 
import QtQuick.Layouts 1.3 


ApplicationWindow { 
    width: 200; height: 150; visible: true 
    property string status; 

    ColumnLayout { 
     Rectangle { 
     width:100;height:100; 

     MouseArea { 
      anchors.fill: parent 
      onClicked: status = "Enclosing Rectangle Clicked";  
     } 

     Rectangle { 
      width: 75 
      height: 75 
      color: "green" // it would be transparent 
      opacity: 0.5 
      Button { 
       anchors.centerIn: parent 
       height: 25; width: 25 
       onClicked: status = "Button clicked"; 
      } 
     } 
     } 
     Text{ text: status} 
    } 
} 

：これはに関連しているようだ