QLabel 和 QPushButton 对齐

Question

我很难对齐多个 qt 小部件（标签和按钮）。我希望小部件（分别为绿色和红色）对齐。有什么建议吗？

#include <QVBoxLayout>
#include <QLabel>
#include <QPushButton>
#include "ui_dialog.h"

Dialog::Dialog(QWidget *parent)
: QDialog(parent),
ui(new Ui::Dialog)
{
ui->setupUi(this);
QVBoxLayout * const layout = new QVBoxLayout(ui->scrollAreaWidgetContents);
for(int i=0; i!=100; ++i)
{
  QLabel *label = new QLabel();
  layout->addWidget(label);
  label->setText(QString::number(i));
  label->setStyleSheet("background-color: red");
  label->setFixedWidth(100);
  QPushButton *pushButton = new QPushButton();
  layout ->addWidget(pushButton);
  int menu_x_pos = label->pos().x();
  int menu_y_pos = label->pos().y();
  pushButton->setGeometry(menu_x_pos+120, menu_y_pos,10,20);
  pushButton->setText(QString::number(i));
  pushButton->setStyleSheet("background-color: green");
  }
  }
  Dialog::~Dialog()
{
  delete ui;
 }

Answer 1

使用 QVBoxLayout 将垂直排列小部件。要水平排列 2 个小部件，可以使用 QFormLayout：

#include <QLabel>
#include <QPushButton>
#include <QFormLayout>
Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
    QFormLayout * const formlayout = new QFormLayout(ui->scrollAreaWidgetContents);
    for(int i=0; i!=100; ++i)
    {
      QLabel *label = new QLabel();
      label->setText(QString::number(i));
      label->setStyleSheet("background-color: red");
      label->setFixedWidth(100);
      QPushButton *pushButton = new QPushButton();
      int menu_x_pos = label->pos().x();
      int menu_y_pos = label->pos().y();
      pushButton->setGeometry(menu_x_pos+120, menu_y_pos,10,20);
      pushButton->setText(QString::number(i));
      pushButton->setStyleSheet("background-color: green");
      formlayout->insertRow(i,label,pushButton);
    }
}

这是它的样子：

现在对于更多的小部件，它略有不同，您可以使用 QHBoxLayout 布局和表单布局，将所有小部件排列在一个水平布局中，然后添加该布局作为表单布局的 row：

#include <QLabel>
#include <QPushButton>
#include <QFormLayout>
#include <QCheckBox>
#include <QHBoxLayout>
#include <QLineEdit>
Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
    QFormLayout * const formlayout = new QFormLayout(ui->scrollAreaWidgetContents);
    QHBoxLayout* hlayout[100];
    QLineEdit* lineEdit[100];
    for(int i=0; i!=100; ++i)
    {
      hlayout[i] = new QHBoxLayout();
      QLabel *label = new QLabel();
      label->setText(QString::number(i));
      label->setStyleSheet("background-color: red");
      label->setFixedWidth(100);
      hlayout[i]->addWidget(label);
      //
      QPushButton *pushButton = new QPushButton();
      int menu_x_pos = label->pos().x();
      int menu_y_pos = label->pos().y();
      pushButton->setGeometry(menu_x_pos+120, menu_y_pos,10,20);
      pushButton->setText(QString::number(i));
      pushButton->setStyleSheet("background-color: green");
      hlayout[i]->addWidget(pushButton);
      //
      QCheckBox *checkbox = new QCheckBox();
      checkbox->setText("CheckB:");
      hlayout[i]->addWidget(checkbox);
      //
      lineEdit[i] = new QLineEdit;
      lineEdit[i]->setText("Text");
      hlayout[i]->addWidget(lineEdit[i]);
// now line up all widgets in a row
      formlayout->insertRow(i,hlayout[i]);
    }
}

QLabel 和 QPushButton 对齐

QLabel and QPushButton align

qt

qlabel

qpushbutton