filter mouse event

[sajis997]

Hello forum,

I have an opengl scene as an underlay and I want to do the camera movement with the mouse move event. Simultaneously I have couple of sliders in the scene as an overlay. I am having problem to filter between these two. The slider is disabled if I am doing the following :

import QtQuick 2.2
import QtQuick.Controls 1.1
 
 
Item {
    id: root
    width: 512; height: 512
 
    ................................
    ................................
 
    }
 
    //THE SLIDER IS SET HERE IN A GRID  - omited for brevity
 
    Rectangle {
        id: rect
        color: "red"
        radius: 10
        opacity: 0.1
        border.color: "black"
        focus: true
        antialiasing: true
        //the rectangle element
        //will fill the whole layout
        anchors.fill: controlContainer
    }
 
    //SOME TESTING RELATED MOUSE AREA
    MouseArea
    {
        id: sceneMouseArea
        anchors.fill: root
    }
 
}

import QtQuick 2.2
import QtQuick.Controls 1.1


Item {
    id: root
    width: 512; height: 512

    ................................
    ................................

    }

    //THE SLIDER IS SET HERE IN A GRID  - omited for brevity

    Rectangle {
        id: rect
        color: "red"
        radius: 10
        opacity: 0.1
        border.color: "black"
        focus: true
        antialiasing: true
        //the rectangle element
        //will fill the whole layout
        anchors.fill: controlContainer
    }

    //SOME TESTING RELATED MOUSE AREA
    MouseArea
    {
        id: sceneMouseArea
        anchors.fill: root
    }

}

To copy to clipboard, switch view to plain text mode 

I believe that the root mouse area is over-lapping with the other items that functions with the mouse event. Is there any example/reference that demonstrates mouse event filtering techniques where all the events are caught and call the relevant functions accordingly ?


Thanks

[anda_skoa]

QtQuick items without explicit z value are ordered by appaerance in the file.

In your case the MouseArea is after the slider, meaning it is on top of it, thus getting mouse events before the slider does.

Try putting the mouse are below the slider.

Cheers,
_

[sajis997]

The solution that you suggested enables the slider the mouse event, but disables the mouse event over the root object - which is Item. I want to capture this mouse event as well - to move the camera in the underlying scene.

Thanks

[sajis997]

QtQuick items without explicit z value are ordered by appaerance in the file.

In your case the MouseArea is after the slider,

meaning it is on top of it_

,

Which one is on top ?

[anda_skoa]

Item {
    Item {
        id: a
        anchors.fill: parent
    }
    Item {
        id: b
        anchors.fill: parent
    }
}

Item {
    Item {
        id: a
        anchors.fill: parent
    }
    Item {
        id: b
        anchors.fill: parent
    }
}

To copy to clipboard, switch view to plain text mode 

b is on top of a

Cheers,
_

[sajis997]

Hello ,

The issue is the new one , but related to the mouse event. That is whay I thought of keeping it in the same thread.

I am now rotating the opengl scene with the mouse event captured in the .qml file. I want to rotate the scene when the mouse is pressed and moved. In that case I am using the pressed and positionchanged signal as follows:

Item
{
    id:root
    width: 512
    height: 512
 
    RippleSceneItem
    {
        id: ripple       
    }
 
    MouseArea
    {
        anchors.fill: root
        //enable the mouse area
        enabled: true
        acceptedButtons: Qt.LeftButton |
                         Qt.RightButton |
                         Qt.MiddleButton
        onPressed:
        {
            ripple.oldMouseX = mouse.x
            ripple.oldMouseY = mouse.y
 
            ripple.mousePressed = true
        }
 
        onReleased:
        {
            ripple.mousePressed = false
            ripple.mouseMoved = false
        }
 
        onPositionChanged:
        {
            ripple.currentMouseX = mouse.x
            ripple.currentMouseY = mouse.y
            ripple.mouseMoved = true
        }
    }
}

Item
{
    id:root
    width: 512
    height: 512

    RippleSceneItem
    {
        id: ripple       
    }

    MouseArea
    {
        anchors.fill: root
        //enable the mouse area
        enabled: true
        acceptedButtons: Qt.LeftButton |
                         Qt.RightButton |
                         Qt.MiddleButton
        onPressed:
        {
            ripple.oldMouseX = mouse.x
            ripple.oldMouseY = mouse.y

            ripple.mousePressed = true
        }

        onReleased:
        {
            ripple.mousePressed = false
            ripple.mouseMoved = false
        }

        onPositionChanged:
        {
            ripple.currentMouseX = mouse.x
            ripple.currentMouseY = mouse.y
            ripple.mouseMoved = true
        }
    }
}

To copy to clipboard, switch view to plain text mode 

As you can see I am sending a flag property

ripple.mouseMoved = true

ripple.mouseMoved = true

To copy to clipboard, switch view to plain text mode 

. I want to flag it to false when the mouse is pressed , but not moving. How to do it ?

[anda_skoa]

As you can see I am sending a flag property

ripple.mouseMoved = true

ripple.mouseMoved = true

To copy to clipboard, switch view to plain text mode 

. I want to flag it to false when the mouse is pressed , but not moving. How to do it ?

ripple.mouseMoved = false

ripple.mouseMoved = false

To copy to clipboard, switch view to plain text mode 

[sajis997]

I wanted to mean that how to capture when the mouse is not moving. We do something when the mouse changes position as follows:

onPositionChanged :
{
   /// do someting
}

onPositionChanged :
{
   /// do someting
}

To copy to clipboard, switch view to plain text mode 

Where to put

ripple.mouseMoved = false

ripple.mouseMoved = false

To copy to clipboard, switch view to plain text mode 

, because I did not find anything like onNotPositionChanged.

What is happening now is that - When I click on the scene and move a bit - then the opengl object rotates along . But the rotation does not stop when I stopped moving the mouse. I want to rotate only as long as the mouse is moving.

Any idea ?


Thanks

[anda_skoa]

I wanted to mean that how to capture when the mouse is not moving.

onPressed

Cheers,
_

[sajis997]

Let me rephrase again - I wanted to mean that how to capture when the mouse is not moving while left mouse button is pressed. Initially the mouse is pressed and the capture it as follows:

onPressed:
        {
            ripple.oldMouseX = mouse.x
            ripple.oldMouseY = mouse.y
 
            ripple.mousePressed = true
            ripple.mouseMoved = false
        }

onPressed:
        {
            ripple.oldMouseX = mouse.x
            ripple.oldMouseY = mouse.y

            ripple.mousePressed = true
            ripple.mouseMoved = false
        }

To copy to clipboard, switch view to plain text mode 

Then I am moving while the mouse button is pressed. I am capturing it as follows:

onPositionChanged:
        {
            ripple.currentMouseX = mouse.x
            ripple.currentMouseY = mouse.y
            ripple.mouseMoved = true
            ripple.mousePressed = true
        }

onPositionChanged:
        {
            ripple.currentMouseX = mouse.x
            ripple.currentMouseY = mouse.y
            ripple.mouseMoved = true
            ripple.mousePressed = true
        }

To copy to clipboard, switch view to plain text mode 

Now I want to capture when the mouse stopped moving while the mouse button is pressed. How to capture it ? I am getting the following unexpected output with the above snippet:

"The scene keeps rotating even after i stopped moving the mouse while the mouse button is pressed." What I want to get is as follows:

"The scene only rotates when the mouse is moved while the mouse button is pressed."

[anda_skoa]

Let me rephrase again - I wanted to mean that how to capture when the mouse is not moving while left mouse button is pressed.

That's the state when the mouse button is first pressed.
Once you move, you are out of that state.

Now I want to capture when the mouse stopped moving while the mouse button is pressed.

If that was your original goal then it would have helped to ask that instead of what you've asked for.

Obviously there is no event associated with user stops moving the mouse, so you need to detect the absence of move events.
E.g. using a timer that gets reset on every move. If it fires there has been no move within the timer's interval.

Cheers,
_