Qt 中 QMainWindow 上的暗透明层

Question

我需要在我的应用程序中实现一个“正在加载...”窗口，但我更喜欢用黑色透明层覆盖整个 QMainWindow，上面有一个文本。有人知道该怎么做吗？我不确定如何在 Qt 中重叠小部件/布局。任何帮助将不胜感激。

Answer 1

这个答案在我的一系列与叠加层相关的答案中：first、second、third。

最简单的解决方案是简单地将子透明小部件添加到QMainWindow。该小部件必须仅跟踪其父窗口的大小。正确处理小部件父级的更改以及与兄弟姐妹的 z 顺序是很重要的。下面是一个正确的例子。

如果要堆叠叠加层，则后续叠加层应该是 OverlayWidget 的子代，按 z 顺序排列。如果它们是OverlayWidget 的兄弟姐妹，它们的堆叠顺序是未定义的。

此解决方案的好处是与其他代码的耦合最小。它不需要您应用叠加层的小部件的任何知识。您可以将叠加层应用于QMainWindow 或任何其他小部件，小部件也可以在布局中。

重新实现QMainWindow 的绘画事件不会被认为是最好的设计。它使它与特定的类相关联。如果您真的认为 QWidget 实例的开销太大，那么您最好通过测量来证明这种情况。

当然，也可以仅将叠加层设为QObject，并将绘制代码放入事件过滤器中。那将是一个替代解决方案。这样做更难，因为您还必须正确处理父小部件的 Qt::WA_StaticContents 属性，并且小部件可能会调用其 scroll() 方法。处理单独的小部件是最简单的。

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

class OverlayWidget : public QWidget
{
   void newParent() {
      if (!parent()) return;
      parent()->installEventFilter(this);
      raise();
   }
public:
   explicit OverlayWidget(QWidget * parent = {}) : QWidget{parent} {
      setAttribute(Qt::WA_NoSystemBackground);
      setAttribute(Qt::WA_TransparentForMouseEvents);
      newParent();
   }
protected:
   //! Catches resize and child events from the parent widget
   bool eventFilter(QObject * obj, QEvent * ev) override {
      if (obj == parent()) {
         if (ev->type() == QEvent::Resize)
            resize(static_cast<QResizeEvent*>(ev)->size());
         else if (ev->type() == QEvent::ChildAdded)
            raise();
      }
      return QWidget::eventFilter(obj, ev);
   }
   //! Tracks parent widget changes
   bool event(QEvent* ev) override {
      if (ev->type() == QEvent::ParentAboutToChange) {
         if (parent()) parent()->removeEventFilter(this);
      }
      else if (ev->type() == QEvent::ParentChange)
         newParent();
      return QWidget::event(ev);
   }
};

class LoadingOverlay : public OverlayWidget
{
public:
   LoadingOverlay(QWidget * parent = {}) : OverlayWidget{parent} {
      setAttribute(Qt::WA_TranslucentBackground);
   }
protected:
   void paintEvent(QPaintEvent *) override {
      QPainter p{this};
      p.fillRect(rect(), {100, 100, 100, 128});
      p.setPen({200, 200, 255});
      p.setFont({"arial,helvetica", 48});
      p.drawText(rect(), "Loading...", Qt::AlignHCenter | Qt::AlignVCenter);
   }
};

int main(int argc, char * argv[])
{
   QApplication a{argc, argv};
   QMainWindow window;
   QLabel central{"Hello"};
   central.setAlignment(Qt::AlignHCenter | Qt::AlignTop);
   central.setMinimumSize(400, 300);
   LoadingOverlay overlay{&central};
   QTimer::singleShot(5000, &overlay, SLOT(hide()));
   window.setCentralWidget(&central);
   window.show();
   return a.exec();
}

Answer 2

我建议在顶部执行一个模态的无框对话框，并在背景小部件上添加图形效果。 恕我直言，这是一个非常灵活且简短的解决方案，无需直接接触事件系统。

性能可能很差 - 可以通过调用 drawSource() 来改善它，但我还没有可靠的解决方案。

class DarkenEffect : public QGraphicsEffect
{
public:
    void draw( QPainter* painter ) override
    {
        QPixmap pixmap;
        QPoint offset;
        if( sourceIsPixmap() ) // No point in drawing in device coordinates (pixmap will be scaled anyways)
            pixmap = sourcePixmap( Qt::LogicalCoordinates, &offset );
        else // Draw pixmap in device coordinates to avoid pixmap scaling;
        {
            pixmap = sourcePixmap( Qt::DeviceCoordinates, &offset ); 
            painter->setWorldTransform( QTransform() );
        }
        painter->setBrush( QColor( 0, 0, 0, 255 ) ); // black bg
        painter->drawRect( pixmap.rect() );
        painter->setOpacity( 0.5 );
        painter->drawPixmap( offset, pixmap );
    }
};

// prepare overlay widget 
overlayWidget->setWindowFlags( Qt::FramelessWindowHint | Qt::Dialog | Qt::WindowStaysOnTopHint );

// usage
parentWidget->setGraphicsEffect( new DarkenEffect );
overlayWidget->exec();
parentWidget->setGraphicsEffect( nullptr );

Answer 3

如果您正在谈论在“主窗口”上使用单独的布局/小部件，则可以通过 UI 编辑器或在 UI 的构造函数中使“正在加载...”窗口模式化。