Qt子部件悬停时父部件也触发悬停，Qt::WA_NoMousePropagation失效求助

Great question! Let's break down why Qt::WA_NoMousePropagation isn't working for you, and then walk through two solid solutions.

First, the key misunderstanding: Qt::WA_NoMousePropagation controls mouse event propagation (like clicks or move events) from child to parent, but it has no impact on how Qt's style sheet system determines the :hover state.

The style sheet :hover pseudo-state triggers simply when the mouse cursor is within the widget's bounding rectangle—regardless of whether a child widget is sitting on top of that area. Since your parent QLabel's rect includes the child's position, the style engine still sees the parent as "hovered" when the mouse is over the child. That's why the property didn't change anything here.

Now, here are two ways to fix this:

Solution 1: Custom Property + Event Handling (Flexible for Any Layout) #

We'll create a custom boolean property for the parent widget, and manually update it only when the mouse is hovering over the parent's own area (not the child's). Then we'll tie the style sheet to this custom property instead of the default :hover.

Here's the modified code:

#include <QLabel>
#include <QHBoxLayout>
#include <QHoverEvent>
#include <QEvent>

class Label : public QLabel {
    Q_OBJECT
    Q_PROPERTY(bool parentHover READ parentHover WRITE setParentHover NOTIFY parentHoverChanged)

public:
    Label(QWidget *parent = Q_NULLPTR) 
        : QLabel("parent", parent), 
          childLabel(new QLabel("child")), 
          m_parentHover(false) {
        this->setWindowState(Qt::WindowMaximized);
        
        childLabel->setObjectName("childLabel");
        
        auto hLayout = new QHBoxLayout;
        hLayout->addWidget(childLabel, 0, Qt::AlignRight);
        hLayout->setContentsMargins(0, 0, 0, 0);
        setLayout(hLayout);
        
        // Use our custom property instead of :hover
        setStyleSheet(R"(
            QLabel[parentHover="true"]{background-color: blue;}
            #childLabel:hover{ background-color: yellow;}
        )");
        
        setAttribute(Qt::WA_Hover); // Ensure the parent receives hover events
    }

    ~Label() = default;

    bool parentHover() const { return m_parentHover; }
    void setParentHover(bool hover) {
        if (m_parentHover != hover) {
            m_parentHover = hover;
            emit parentHoverChanged();
            // Force the style system to update
            style()->unpolish(this);
            style()->polish(this);
        }
    }

protected:
    bool event(QEvent *event) override {
        switch(event->type()) {
            case QEvent::HoverEnter:
            case QEvent::HoverMove: {
                QHoverEvent *hoverEvent = static_cast<QHoverEvent*>(event);
                QPoint localPos = hoverEvent->pos();
                
                // Check if mouse is in parent's rect but NOT in the child's rect
                bool inParent = rect().contains(localPos);
                bool inChild = childLabel->rect().contains(mapToChild(childLabel, localPos));
                
                setParentHover(inParent && !inChild);
                break;
            }
            case QEvent::HoverLeave:
                setParentHover(false);
                break;
            default:
                break;
        }
        return QLabel::event(event);
    }

signals:
    void parentHoverChanged();

private:
    QLabel *childLabel;
    bool m_parentHover;
};

How this works:

• We add a parentHover property to track when the parent is truly hovered (mouse over its own area, not the child).
• We override the event() method to handle hover events, checking the mouse position relative to both parent and child.
• The style sheet uses [parentHover="true"] instead of :hover, so it only activates when our custom condition is met.

Solution 2: Split Parent into Background + Child (Simpler for Basic Layouts) #

If your layout is straightforward (like the child aligned to the right), you can split the parent into a background widget (for the hover effect) and the child widget, placed side-by-side in a layout. This way, their areas don't overlap, so hovering the child won't trigger the background's hover.

Example code:

#include <QLabel>
#include <QHBoxLayout>
#include <QWidget>

class Label : public QWidget {
    Q_OBJECT
public:
    Label(QWidget *parent = Q_NULLPTR) 
        : QWidget(parent),
          backgroundLabel(new QLabel("parent")),
          childLabel(new QLabel("child")) {
        this->setWindowState(Qt::WindowMaximized);
        
        auto hLayout = new QHBoxLayout(this);
        hLayout->setContentsMargins(0, 0, 0, 0);
        
        // Add background label first (takes up remaining space)
        hLayout->addWidget(backgroundLabel);
        // Add child label aligned to the right
        hLayout->addWidget(childLabel, 0, Qt::AlignRight);
        
        backgroundLabel->setObjectName("backgroundLabel");
        childLabel->setObjectName("childLabel");
        
        setStyleSheet(R"(
            #backgroundLabel:hover{background-color: blue;}
            #childLabel:hover{ background-color: yellow;}
        )");
        
        // Make background fill the available space
        backgroundLabel->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    }

private:
    QLabel *backgroundLabel;
    QLabel *childLabel;
};

This is cleaner for simple layouts because we're letting the layout handle the area separation—no event handling needed.

Either approach will fix your issue. The first is more flexible for complex layouts where child widgets might overlap the parent in non-obvious ways, while the second is simpler for basic arrangements.

内容的提问来源于stack exchange，提问作者user8705939