7

在开发 Qt UI 时，我经常希望在现有 UI 之上显示通知或其他显示工具。

但是，我只发现了两种方法，但都没有完全解决问题。

选项1

使通知小部件成为显示小部件的兄弟，但不要将其添加到任何布局中并将其提升到另一个布局之上。

问题：小部件不能在布局中，因此您必须手动调整其大小以适应其内容，并且无论何时调整父窗口的大小，您都必须将其移动到正确的位置。

选项 2

将小部件添加到显示的小部件旁边的布局中。

问题：由于小部件是布局的一部分，它会在可见时移动其他显示的小部件，而不是在它们的顶部。

示例 - 此处通知将“v0.3b”标签向上推送，而不是出现在其顶部。从好的方面来说，由于它是布局的一部分，左侧有分隔符，因此它的大小适合其内容。 在此处输入图像描述

解决方案

是否有类似的东西一次QStackedWidget显示多个页面，空白区域显示下方的小部件？这种 UI 功能还有其他选择吗？

4

3 回答 3

1

你是对的，QStackedWidget/QStackedLayout 是你的朋友。制作一个具有堆叠布局的自定义小部件，当消息进入时，您将活动小部件设置为带有警告消息的小部件，使用计时器，您会翻转回正常的小部件。这个自定义小部件可以放置在右下角的主窗口中。使用垫片，这可以相当容易地完成，对吧？

于 2014-01-15T06:09:30.153 回答
0

我可能会这样做的一种方法是将通知小部件创建为它自己的自定义小部件，其大小与它所在的小部件的大小相匹配。使自定义小部件的背景透明。 

NotificationWidget::paintEvent(QPaintEvent* event) {
  QPainter painter(this);
  QColor bg;
  bg.setAlpha(0);

  painter.fillRect(rect(), QBrush(bg));
  QWidget::paintEvent(event);
}

仅绘制该小部件的通知部分。它可以像往常一样放入布局中。现在，每当您调整父级的大小时，自定义通知小部件也会调整大小，并且该小部件的可见部分将位于正确的位置。您还需要在构造函数中执行以下操作：

NotificationWidget::NotificationWidget(QWidget* parent = 0) : QWidget(parent) {
  setWindowFlags(Qt::WindowStaysOnTopHint | Qt::FramelessWindowHint);
  setAutoFillBackground(false);

  // add whatever widgets/layouts you want
}
于 2013-07-19T22:31:08.403 回答
0

您可以使用选项 1 进行一些调整：

  • 创建弹出小部件，为其提供相关的父小部件，但不要将其添加到任何布局中。
  • 为弹出窗口小部件本身提供一个布局和任何子元素，以使其尽可能复杂。
  • 调用setSizeConstraint(QLayout::SetFixedSize);弹出窗口小部件布局。
  • 在弹出窗口小部件上使用 move() 来定位它（相对于其父窗口小部件）
  • 在弹出窗口小部件上使用 show() 和 hide() 来控制其可见性。

与命名相反，SetFixedSize 选项不需要您实际硬编码固定大小。这只是意味着小部件将始终使用其（动态） sizeHint() 作为它应该的大小。所有其他大小约束选项（扩展等...）都依赖于 sizeHint() 和父布局的组合，在这种情况下您没有。

例子：

HoverWidget::HoverWidget(QWidget *parent)
    : QFrame(parent)
    , label1(new QLabel(this))
    , label2(new QLabel(this))
{
    auto vlayout = new QVBoxLayout(this);
    vlayout->addWidget(label1);
    vlayout->addWidget(label2);
    vlayout->setSizeConstraint(QLayout::SetFixedSize);
    hide();
}

HoverWidget::showNear(int left, int top)
{
    auto const hoverSize = sizeHint();   // don't use size() here.
    auto const parentSize = parentWidget()->size();
    // TODO: make this code a bit more complex to make sure the widget stays
    //       within the parent, by using hoverSize and parentSize to edit
    //       the left, top parameters.
    move(left, top);
    show();
}
于 2019-01-25T20:58:04.667 回答