Question

我正在开发的应用程序中我需要一些小东西：我必须能够将一个对象拖到另一个上，并且至少有一个应该注意到它们是相交的。所以，我的问题是其中一个项目必须接受onEntered信号eventhoug鼠标是从外面按下的。

例如：

import QtQuick 1.0

Rectangle{
    id: base
    width: 500
    height: 500
    MouseArea{ //Even without this mousearea I don't get what i want.
        anchors.fill: parent
        //onPressed:{console.log("big")}
    }

    Rectangle{
       id: t
       width: 100
       height: 100
       color: "red"
       MouseArea{
          anchors.fill: parent
          hoverEnabled: true
          onPressed:{console.log("little-press")}
          onEntered:{console.log("little-enter")}
          drag.target: t
       }
     }
}

我想要的是在红色方块外面按下鼠标按钮，然后在不松开按钮的情况下移动它。当鼠标经过红色矩形时，我希望发出onEntered信号。我不会理解为什么它不会被激活，因为onEntered应该只关心mouseArea中的鼠标，而不是关于按钮。

知道怎么做吗？

非常感谢。

Answer 1

您的代码无法正常工作，因为当一个鼠标区域位于另一个鼠标区域之上时，鼠标事件将仅由位于顶部的鼠标区域进行（直到您修改了窃取属性等）。因此，您的底部矩形的属性（如悬停等）将无法工作，因为所有这些事件都将被顶部矩形捕获。

而是试试这个：

import QtQuick 1.0

Rectangle
{
    id: topParent
    width: 500
    height: 500
    color: "grey"


    Rectangle
    {
        id: redRectangle
        color: "red"
        width:  80
        height: 80

        onXChanged:
        {
            if(   redRectangle.x  > greenRectangle.x - redRectangle.width
                  && redRectangle.x  < greenRectangle.x + greenRectangle.width
                  && redRectangle.y  > greenRectangle.y - redRectangle.height
                  && redRectangle.y  < greenRectangle.y + greenRectangle.height

               )

            {
                console.log ( "Red Over Green" )
            }
        }

        MouseArea
        {
          anchors.fill: parent
          drag.target: redRectangle
          drag.axis: Drag.XandYAxis
          drag.minimumX: 0
          drag.maximumX: topParent.width
          drag.minimumY: 0
          drag.maximumY: topParent.height
          onPressed: redRectangle.z = greenRectangle.z + 1
        }
    }

    Rectangle
    {
        id: greenRectangle
        color: "green"
        width: 180
        height: 180

        onXChanged:
        {
            if(   greenRectangle.x  > redRectangle.x - greenRectangle.width
                  && greenRectangle.x  < redRectangle.x + redRectangle.width
                  && greenRectangle.y  > redRectangle.y - greenRectangle.height
                  && greenRectangle.y  < redRectangle.y + redRectangle.height

               )


            {
                console.log ( "Green Over Red" )
            }
        }

        MouseArea
        {
          anchors.fill: parent
          drag.target: greenRectangle
          drag.axis: Drag.XandYAxis
          drag.minimumX: 0
          drag.maximumX: topParent.width
          drag.minimumY: 0
          drag.maximumY: topParent.height
          onPressed: greenRectangle.z = redRectangle.z + 1
        }
    }
}

我打印信息的地方，你也可以发出信号。

QML：MouseArea按下并悬停

1 个答案: