Can not click button when Pinch, Zoom and then drag position

[thuongnv284]

Hi

Currently, I have an issue with my app which when Pinch, Zoom and then drag position then i can not click on any button of App

I searched google but not see someone like me.

pls help me about this

Thanks and best regards

[J.Hilk]

@thuongnv284
hi,

I don't know how you implemented your Pinch Zoom and Drag functions, but I asume you did it at leas partially by overwriting MouseEvents.

The solution is simply enough. Only accept Pinch, Zoom and Drag, when a certain minmal distance from the mousepressevent has been exceeded.

Everything in that margin, you can handle as "clicks"

[thuongnv284]

@J.Hilk thanks for your help

Could you provide some code for this content or example for more detail.

thanks you so much

[J.Hilk]

@thuongnv284

signals:
    void clicked();
private:
QPoint clickOrigin;

protected:
void mousePressEvent(QMouseEvent *ev){
    clickOrigin = ev->pos();
    ev->ignore();
}

void mouseReleaseEvent(QMouseEvent *ev){
    if( (abs(ev->x()- clickOrigin.x())< this->width()/10 )  && (abs(ev->y() -clickOrigin.y()) < this->height()/10) )
    emit clicked();

    ev->ignore();
}

[thuongnv284]

@J.Hilk Thanks u for help

I mean i want to process this by QML design

[J.Hilk]

@thuongnv284 Well, you haven't mentioned QML at all so far. I'm afraid I can't help you then, I don't have experience with QML.

[thuongnv284]

Hi

I found the root of this issue. When i use onClicked property in MouseArea, i see that i can click button on Android instead before i used onPressed.

[thuongnv284]

Hi everyone

But, i encountered a problem as follow:
when i using onClicked i change image of button from image 1 to image 2 and then i want after clicked will change image 2 to image 1. it is same onPressed and onRelease.
Do you have any solve for me? thanks you so much

[GTDev]

Hi,
it is hard to guess what behavior you exactly expect without some more code or information,
but why don't you just use a property binding to link the pressed state of the MouseArea to the source for your image?

MouseArea {
  id: mouseArea
}

Image {
  source: mouseArea.pressed ? "/path/to/image1" : "/path/to/image2"
}

Best,
GT

[thuongnv284]

@GTDev Thanks for your help

When you show for me i see that it is really simple. Thanks you so much :)

[thuongnv284]

@GTDev Hi,

Do you know why on Android device if i use onClicked then i can touch but if i use onPressed then i can not? I do not understand the reason of this. Pls help me

[J.Hilk]

@thuongnv284
usually the Clicked action is handled after the mouse/finger is released, where as onPressed obvioulsy emits/handles the action when the mouse/finger is first pressed.

Gesturehandling lies exactly in between those 2. When the mouse/finger is pressed/on the screen and is moved around.