在应用程序窗口顶部绘制覆盖层

Question

我希望能够在我的应用程序窗口顶部进行绘制，以便我可以使用一些额外的诊断信息来注释所有小部件，类似于 Firefox 中的 CSS 开发人员工具（例如添加小部件类、样式、突出显示边框等）。

我可以遍历小部件树并提取相关信息，但问题是如何使用这些信息覆盖所有应用程序窗口？

一种方法是重写 QMainWindow 的绘制事件，但必须对所有顶级窗口执行此操作。例如，是否有其他方法可以在 QDesktopWidget 上绘画？或者每个 QWidget 的绘制方法有任何挂钩吗？任何涉及 QWidget 本身子类化的内容都不适用于标准小部件。

这是我之前的问题的延续：

• 有没有有用的工具来诊断 Qt 布局和间距问题？

干杯 山魈

编辑： 感谢 Dmitry，我现在有了一个非常简单且易于扩展的方法：

class DiagnosticStyle : public QWindowsVistaStyle
{
Q_OBJECT

public: 
    typedef QWindowsVistaStyle BaseStyle;
    void drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget) const;
};


void DiagnosticStyle::drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget) const
{
    BaseStyle::drawControl(element, option, painter, widget);
    if (widget && painter) {
        // draw a border around the widget
        painter->setPen(QColor("red"));
        painter->drawRect(widget->rect());

        // show the classname of the widget
        QBrush translucentBrush(QColor(255,246,240, 100));
        painter->fillRect(widget->rect(), translucentBrush);
        painter->setPen(QColor("darkblue"));
        painter->drawText(widget->rect(), Qt::AlignLeft | Qt::AlignVCenter, widget->metaObject()->className()); 
    }
}

qApp->setStyle(new DiagnosticStyle());

Answer 1

您可以基于 QMotifStyle 或其他创建自己的样式类，并在与他的信息相关的任何小部件/控件上进行绘制。

void MyStyle::drawPrimitive(PrimitiveElement element, const QStyleOption *option,QPainter *painter, const QWidget *widget) const
{
     QStyle::State flags = option->state;
     QRect      rect     = option->rect;
     QPalette   pal      = option->palette;
     QBrush brush;

    switch (element)
    {
        case PE_FrameTabWidget:
        {
             painter->save();

                 // for example: draw anything on TabWidget
                painter->drawPixmap(rect,centerPm,centerPm.rect());
             painter->restore();
        }
        break;
        default:
         QMotifStyle::drawPrimitive(element, option, painter, widget);
         break;

    }
}

Answer 2

在 Qt5 的某个地方，样式（GTK、Windows 等）是内部的。现在您需要使用 QCommonStyle。

如果有人想知道如何使用 Qt5+ 做到这一点。这是上面 @the_mandrill 代码的独立版本。

class DiagnosticStyle : public QCommonStyle
{
Q_OBJECT

public: 
    typedef QStyle BaseStyle;
    void drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget) const
    {
        QCommonStyle::drawControl(element, option, painter, widget);
        if (widget && painter) {
            // draw a border around the widget
            painter->setPen(QColor("red"));
            painter->drawRect(widget->rect());

            // show the classname of the widget
            QBrush translucentBrush(QColor(255,246,240, 100));
            painter->fillRect(widget->rect(), translucentBrush);
            painter->setPen(QColor("darkblue"));
            painter->drawText(widget->rect(), Qt::AlignLeft | Qt::AlignVCenter, widget->metaObject()->className()); 
        }
    };
};

然后，在主窗口构造函数中调用

qApp->setStyle(new DiagnosticStyle());