在 Qt Designer 中分层 UI 元素

Question

我有一个 QLabel，我不断地设置它的像素图（视频播放）。在我的应用程序中，用户需要能够在视频上方绘制（框）。如何将 QPaintDevice 类（QWidget、QPixmap、QImage 等）之一直接放在上面并与用于绘画的 QLabel 具有相同的大小。该元素需要具有透明背景，以便在其上绘制的形状将出现在视频上。

Answer 1

添加要在其上绘制形状的小部件作为视频标签的子小部件。首先添加布局，以便子窗口小部件将与父窗口小部件的大小相匹配。代码将是这样的：

QHBoxLayout *layout = new QHBoxLayout(videoWidget);
QLabel *overlayWidget = new QLabel();
overlayWidget->setAlignment(Qt::AlignCenter);
overlayWidget->setText("Overlaid Text");
layout->addWidget(overlayWidget);

您应该看到文本覆盖在视频上，并且如果调整大小，它应该保持在视频小部件的中心。对于您的最终代码，您将使用您自己的一些小部件子类，它允许您拦截鼠标操作并绘制矩形，但这是基本思想。