c++ - QLayout 和离散小部件表示 - 如何？

Question

例如，我们在 QMainWindow 中有 QHBoxLayout。

让我们在上面的布局中设置小部件。

但是 (!) 很少有小部件具有离散的视觉表示。换句话说，它们几乎没有依赖于可用空间的状态。

例如:

1. 如果可用空间太多 - 它必须看起来像大图像 + 一些文本
2. 如果有可用的最小空间 - 它必须看起来像小图片
3. 如果只有最小空间可用 - 它必须看起来像按钮 + 标签
4. 等...

因此，当用户更改主窗口大小时，我们的“动态”小部件必须根据可用空间显示自己的表示。

在Qt中如何实现？

UPD:Microsoft 功能区界面中最接近的行为

UPD2:下面 gif 中出现的 QML 最接近的行为(在用户调整窗口大小的部分)

UPD3:更复杂的示例 - 菜单面板中的每个面板根据可用空间更改内容元素 View 和计数

Answer 1

对此没有神奇的解决方案。您需要实现在调整容器大小时要执行的事件/操作。它可以根据您的需要简单或复杂。有几种不同的方法可以实际实现它，具体取决于所涉及的复杂性和范围(它只是几个项目？整个 UI？等等...)。

这是一个非常基本(粗略但有效)的示例，它将工具栏移动到与另一个工具栏在同一行(对于更宽的窗口)或它自己的行(对于更窄的窗口)。 MdiChild 在这种情况下是一个 QWidget 实现，显然，它包含其他小部件并管理它们的布局。

void MdiChild::resizeEvent(QResizeEvent * event)
{
  QWidget::resizeEvent(event);
  if (size().width() > ui->topToolbarLayout->sizeHint().width() + ui->botToolbarLayout->sizeHint().width() + 30) {
    ui->botToolbarLayout->removeWidget(modelsToolbar);
    ui->topToolbarLayout->insertWidget(1, modelsToolbar);
  }
  else {
    ui->topToolbarLayout->removeWidget(modelsToolbar);
    ui->botToolbarLayout->insertWidget(0, modelsToolbar);
  }
}

如您所见，它必须考虑容器大小，最直接的方法是在 QWidget::resizeEvent() 中。您可以在这里做任何您想做的事情...将文本按钮更改为图标、隐藏/显示/移动内容...随便什么。

您当然可以将信号/插槽连接到包含的小部件，而不是处理容器中的视觉变化......例如。自定义信号 emit availableSizeChanged(QSize size) 从 resizeEvent() 处理程序 connect()ed 到包含的小部件。

您可能会发现 QStateMachine以正式的方式维护视觉状态很方便(这就是 QML 用于它的 state[s] 属性和转换系统)。

您也可以按照其他人的建议实现您自己的QLayout。尽管问题本身的范围表明您可能不需要。这个问题很笼统恕我直言。所提供的两个示例在复杂性方面存在巨大差异。