QML Mouse onReleased Happening before onClicked(Solved)

haris123

Below is my code, what I want to do is change color of button while clicking and releasing button.
But it seems that onReleased Happening before onClicked when I print to console.

@MouseArea{
                 anchors.fill: parent
                 onClicked:{
                     console.log("onClicked")

                     //Change button  color here
                    

                 }
                 onReleased: {
                     console.log("onReleased")
                   //Change button color here to another

                 }
            }

@

Console output
@qml: onReleased
qml: onClicked@

p3c0

Hi,

According to "clicked":http://qt-project.org/doc/qt-5/qml-qtquick-mousearea.html#clicked-signal, release will first be fired and then click. So a better way would be to use pressed.

haris123

Hi, thanks for reply,

but how can I get unclick event?

sierdzio

You need to use onPressed instead of onClicked.

p3c0

bq. but how can I get unclick event?

Sorry, didn't understand unclick event. Can you explain ? Won't onPressed be helpful to your scenario ?

haris123

I mean release mouse button.

p3c0

You must use onPressed or don't use onReleased when using onClicked.

haris123

Ok, thank you all, I will do it.