web-dev-qa-db-ja.com

クリック時にQWidgetに長方形のオーバーレイを描画します

私のプロジェクトでは、ウィジェットにEventFilterを使用しています。ウィジェットはQHBoxLayoutにあります。

ウィジェットをクリックした場合、クリックしたウィジェットの上に青色の透明なオーバーレイを描画したいと思います。これを実装する方法はありますか?

あいさつ

12

この回答は、私のオーバーレイ関連の一連の回答に含まれています: 最初2番目番目

それを行う1つの方法は次のとおりです。

  1. マウスイベントに対しても透過的な半透明のオーバーレイウィジェットを用意します。

  2. イベントフィルターで、オーバーレイのジオメトリをターゲットウィジェットのジオメトリと一致するように調整することにより、オブジェクトのクリックとサイズ変更を追跡します。

以下の自己完結型の例は、Qt4とQt5の両方で機能し、必要なことを実行します。

screenshot

// https://github.com/KubaO/stackoverflown/tree/master/questions/overlay-19199863
#include <QtGui>
#if QT_VERSION >= QT_VERSION_CHECK(5,0,0)
#include <QtWidgets>
#endif

class Overlay : public QWidget {
public:
    explicit Overlay(QWidget *parent = nullptr) : QWidget(parent) {
        setAttribute(Qt::WA_NoSystemBackground);
        setAttribute(Qt::WA_TransparentForMouseEvents);
    }
protected:
    void paintEvent(QPaintEvent *) override {
        QPainter(this).fillRect(rect(), {80, 80, 255, 128});
    }
};

class OverlayFactoryFilter : public QObject {
    QPointer<Overlay> m_overlay;
public:
    explicit OverlayFactoryFilter(QObject *parent = nullptr) : QObject(parent) {}
protected:
    bool eventFilter(QObject *obj, QEvent *ev) override {
        if (!obj->isWidgetType()) return false;
        auto w = static_cast<QWidget*>(obj);
        if (ev->type() == QEvent::MouseButtonPress) {
            if (!m_overlay) m_overlay = new Overlay;
            m_overlay->setParent(w);
            m_overlay->resize(w->size());
            m_overlay->show();
        }
        else if (ev->type() == QEvent::Resize) {
            if (m_overlay && m_overlay->parentWidget() == w)
                m_overlay->resize(w->size());
        }
        return false;
    }
};

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    OverlayFactoryFilter factory;
    QWidget window;
    QHBoxLayout layout(&window);
    for (auto text : { "Foo", "Bar", "Baz "}) {
        auto label = new QLabel{text};
        layout.addWidget(label);
        label->installEventFilter(&factory);
    }
    window.setMinimumSize(300, 250);
    window.show();
    return a.exec();
}
15
Kuba Ober

オーバーレイウィジェットコンストラクターの場合:

    setWindowFlags(Qt::Widget | Qt::FramelessWindowHint | Qt::ToolTip | Qt::WindowStaysOnTopHint);
    setAttribute(Qt::WA_NoSystemBackground, true);
    setAttribute(Qt::WA_TranslucentBackground, true);

そのウィジェットを所有するウィンドウで:

overlay_ = new RtspOverlay(this);
overlay_->show();
1
Phlox Midas