如何为窗口小部件创建自定义布局

Question

我试图在QT中创建一个看起来像这样的自定义小部件：

红色方块将显示图像/图标。 如何通过编写小部件来实现此布局？我需要创建许多具有相同布局但在标签中具有不同值的小部件。理想情况下，我会在主窗口中将这些小部件显示为带有滚动条的列表。但是现在我正在努力通过代码为这些小部件创建布局。非常感谢任何帮助。

Answer 1

您需要将设计拆分为单独的细分。每个段可以是单独的子布局或小部件。在您的示例中，我看到以下段：

• 大红色图标，
• 两个标签：TextLabel和2014年11月6日......
• 两个标签构成垂直框布局
• 垂直框布局和大红色图标构成水平框布局
• 小红色矩形构成单独的布局
• 所有布局都是主要布局。

现在让我们编写这个组合代码：

QLabel *largeRed = new QLabel(this); // Should set an image for this label
QLabel *lbl1 = new QLabel("06-November-2014...", this);
QLabel *lbl2 = new QLabel("TextLabel", this);

QVBoxLayout *vLayout = new QVBoxLayout;
vLayout->addWidget(lbl1);
vLayout->addWidget(lbl2);
vLayout->addStretch();

QHBoxLayout *hLayout = new QHBoxLayout;
hLayout->addWidget(largeRed);
hLayout->addLayout(vLayout);

QLabel *smallRed = new QLabel(this); // Should set an image for this label
QHBoxLayout *hLayout2 = new QHBoxLayout;
hLayout2->addWidget(smallRed, 0, Qt::AlignRight);

QVBoxLayout *mainLayout = new QVBoxLayout(this);
mainLayout->addLayout(hLayout);
mainLayout->addLayout(hLayout2);
[..]

Answer 2

使用此功能。

QPixmap big(75,65);
big.fill(Qt::red);
QPixmap small(25,15);

QVBoxLayout *box = new QVBoxLayout;

QWidget *window = new QWidget;
QLabel *bigLab = new QLabel;
QLabel *smallLab = new QLabel;
QLabel *textLab = new QLabel("Two");
bigLab->setPixmap(big);
smallLab->setPixmap(small);

QHBoxLayout *hLay = new QHBoxLayout;
hLay->addWidget(bigLab);
hLay->addWidget(textLab);

QHBoxLayout *vLay = new QHBoxLayout;
vLay->addWidget(smallLab,0,Qt::AlignRight);

box->addLayout(hLay);
box->addLayout(vLay);

window->setLayout(box);
window->show();

结果：

Answer 3

我通常做的是：

1. 使用丰富的布局功能，使用Qt Designer / Creator设计布局。
2. 将其实例（从代码中）设置为列表或表格小部件的项目小部件。

注意，如果列表的项目数太大，它的执行速度会非常慢。

P.S。如果您确实需要编码布局，只需使用Qt设计器生成的代码。