QT GridLayout 添加 Stacked QLabel

Question

我正在创建一个图片库，我已经实现了文件的读取并将它们显示在一个可调整大小的滚动区域中。我们决定添加元标记/按钮，我正在寻找一种方便的方法，不要进行太多更改，而是添加这些小功能。

有什么建议可以实现吗？我可以相互添加两个 Qlabels 吗？我试图在一个新布局中粘贴两个标签并将其推送到 scrollWidgetLayout，但是我只有一个缩略图。

//Create new ThumbNail-Object
thumbNail = new Thumbnail(ui->scrollArea);

scrollWidgetLayout->addWidget(thumbNail);

在图片中你可以看到我已经拥有的和需要的（黄色）。

Answer 1

您创建一个类似于容器的小部件并将标签放入其中。为这个小部件设置一个布局，我使用了QVBoxLayout。更好的设计是通过子类化QWidget 创建一个自定义小部件，但我只是使用QFrame 使示例快速简单。

centralWidget()->setLayout(new QVBoxLayout);
QScrollArea *area = new QScrollArea(this);
area->setWidgetResizable(true);
area->setWidget(new QWidget);
QGridLayout *grid = new QGridLayout;
area->widget()->setLayout(grid);
centralWidget()->layout()->addWidget(area);

for(int row = 0; row < 2; row++)
{
    for(int column = 0; column < 5; column++)
    {
        QFrame *container = new QFrame; // this is your widget.. you can also subclass QWidget to make a custom widget.. might be better design
        container->setStyleSheet("QFrame{border: 1px solid black;}"); // just to see the shapes better.. you don't need this
        container->setLayout(new QVBoxLayout); // a layout for your widget.. again, if you subclass QWidget do this in its constructor
        container->layout()->addWidget(new QLabel("TOP")); // the top label.. in your case where you show the icon
        container->layout()->addWidget(new QLabel("BOTTOM")); // the bottom label.. in your case where you show the tag
        grid->addWidget(container, row, column); // add the widget to the grid
    }
}