Ignore MouseArea onClicked-Ereignis für transparente Bereiche von übergeordneten Qt Quick Image

Question

Ich habe mehrere ähnliche Fragen zu diesem Thema gefunden, aber noch nicht eine funktionierende Lösung zusammengefügt. Ich habe nicht-rechteckige Qt Quick Images, jedes mit einem Kind MouseArea. Das aktuelle onClicked-Ereignis registriert Klicks des übergeordneten Bilds in Transparenzbereichen, die ich gerne ignorieren würde. Gibt es dafür eine QML-Lösung? Wäre eine QML-only-Lösung zu empfehlen oder sollte die Transparenzbestimmung in C++ erfolgen?

Pseudocode in der main.qml Datei:

Image { 
    id: testImage 
    x: 200 
    y: 100 
    width: 100 
    height: 150 
    fillMode: Image.PreserveAspectFit 
    source: "TestImage.svg" 

    MouseArea { 
     id: testMouseArea 
     anchors.fill: parent 
     onClicked: { 
      //if alpha of (mouseX, mouseY) > 0 { 
       //DO STUFF 
      //} 
     } 
    } 
} 

Mein Verständnis ist, dass getImageData() wird für diesen Zweck nicht funktionieren, so kann es nicht möglich sein, die Alpha-Ebene des Mutterbildes zu bestimmen, bei die (mouseX, mouseY) Koordinaten in QML direkt.

Answer 1

Sie können in C++ QImage verwenden, um die Farbe eines Pixels abzufragen.

Eine kurze, sehr unvollständige Lösung (nur die Idee aufwands) wäre dies:

* // MyMask.h

#ifndef MYMASK_H 
#define MYMASK_H 

#include <QObject> 
#include <QImage> 
#include <QString> 

class MyMask : public QObject, public QImage 
{ 
    Q_OBJECT 
    Q_PROPERTY(QString source READ source WRITE setSource NOTIFY sourceChanged) 
public: 
    explicit MyMask(QObject *parent = nullptr); 

    QString source() const; 
    void setSource(const QString &source); 

signals: 
    void sourceChanged(); 
public slots: 
    QColor color(int x, int y); 

private: 
    QString m_source; 
}; 

#endif // MYMASK_H 

// MyMask.cpp

#include "mymask.h" 
#include <QRgb> 
#include <QColor> 
#include <QDebug> 

MyMask::MyMask(QObject *parent) 
    : QObject(parent), 
     QImage() 
{ 
    QObject::connect(this, &MyMask::sourceChanged, this, [this]() { QImage::load(m_source); }); 
} 

QColor MyMask::color(int x, int y) 
{ 
    return QImage::pixelColor(x, y); 
} 

QString MyMask::source() const 
{ 
    return m_source; 
} 

void MyMask::setSource(const QString &source) 
{ 
    if (source != m_source) { 
     m_source = source; 
     emit sourceChanged(); 
    } 
} 

Es ist wahrscheinlich klüger, die QImage als Mitglied und nicht als Basisklasse zu verwenden, aber ich begann als QImage, bis ich erkannte, dass es kein QObject ist.

Wie bereits erwähnt, ist dies keine vollständige Implementierung. Zum Beispiel ist es nicht möglich, die Größe einzustellen, z. um es zu dehnen. Weiter können Sie nicht Item s als Quelle und so weiter nehmen. Es gibt auch keine Kontrolle, ob es mit dem Laden fertig ist ... Aber vielleicht dient dies als Start für Sie.

Sie könnten es sogar als EventFilter an die Item installieren, die anklickbar sein soll, um die MouseEvent s für Relevanz zu filtern.