● 演習問題： 下図の様なダイアログを作成するには、BOXレイアウトをどのように配置したらいいか考えなさい。

QGridLayout

QGridLayout を使うことで、ウィジットを表計算ソフトの画面の様に格子状配置することができる。

QGridLayout にウィジットを配置する場合は QGridLayout::addWidget(QWidget*, nt row, int column, Qt::Alignment alignment = 0) メソッドを使用する。 第2、第3引数でウィジットを配置する行番号（0..*）、カラム番号（0..*）を指定できる。 第4引数でアライメントを指定することも出来る。

 1: void MainWindow::testGridLayout()
 2: {
 3:     QDialog aDlg;
 4:     QVBoxLayout *vLayout = new QVBoxLayout();
 5:     QGridLayout *gLayout = new QGridLayout();
 6:         gLayout->addWidget(new QLabel(tr("hoge:")), 0, 0, Qt::AlignRight);      //  (0, 0) 位置
 7:         gLayout->addWidget(new QLineEdit(), 0, 1);                              //  (0, 1) 位置
 8:         gLayout->addWidget(new QLabel(tr("hogehoge:")), 1, 0, Qt::AlignRight);  //  (1, 0) 位置
 9:         gLayout->addWidget(new QLineEdit(), 1, 1);                              //  (1, 1) 位置
10:         vLayout->addLayout(gLayout);
11:     vLayout->addStretch();
12:     .....
13: }

QGridLayout::addWidget(QWidget * widget, int fromRow, int fromColumn, int rowSpan, int columnSpan, Qt::Alignment alignment = 0 ) の第4、第5引数で行スパン、カラムスパンを指定することもできる。

● 演習問題： 行スパン・カラムスパンを使用したサンプルを作ってみなさい。

QFormLayout

QFormLayout は、（ラベル：入力エリア）*数行 というよくあるパターンを簡単に記述するためのものである。
QFormLayout::addRow( QWidget * label, QWidget * field ) により、フォームの1行を追加することができる。
第2引数は QWidget * なので、QLineEdit だけでなく、QCheckBox や QGroupBox を使って QRadioButton を配置することもできる。

以下のソースは前節のものと同じUIを実現するものであるが、記述・理解がはるかに容易になっている。

 1: void MainWindow::testFormLayout()
 2: {
 3:     QDialog aDlg;
 4:     QVBoxLayout *vLayout = new QVBoxLayout();
 5:     QFormLayout *fLayout = new QFormLayout();
 6:         fLayout->setLabelAlignment(Qt::AlignRight);
 7:         fLayout->addRow(tr("hoge:"), new QLineEdit());          //  1行目
 8:         fLayout->addRow(tr("hogehoge:"), new QLineEdit());      //  2行目
 9:         vLayout->addLayout(fLayout);
10:     vLayout->addStretch();
11:     .....
12: }

● 演習問題： 入力部分にチェックボックスを配置してみなさい

● 演習問題： 入力部分にラジオボタンを配置してみなさい

QStackedLayout

QStackedLayout はページ切り替え可能なレイアウトである。
切り替えるUIはコンボボックス・ラジオボタンなど任意のものを使用可能。
タブで切り替えたい場合は QTabWidget が用意されているので、それを使う方が楽。

QStackedLayout::addWidget( QWidget * widget ) で各ページのウィジットを追加する。
表示されているページは QWidget *currentWidget () const で取得可能。
表示ページの切り替えは setCurrentIndex ( int index ) または setCurrentWidget ( QWidget * widget ) で行うことができる。

void MainWindow::testStackedLayout()
{
    QDialog aDlg;
    QVBoxLayout *vLayout = new QVBoxLayout();   //  垂直レイアウト
    QComboBox *pageComboBox = new QComboBox;    //  ページ切り替え用コンボボックス
        pageComboBox->addItem(tr("Page 1"));
        pageComboBox->addItem(tr("Page 2"));
        pageComboBox->addItem(tr("Page 3"));
        vLayout->addWidget(pageComboBox);
    QStackedLayout *stackedLayout = new QStackedLayout();
        stackedLayout->addWidget(new QCalendarWidget);      //  1ページ目ウィジット設定
        stackedLayout->addWidget(new QDial);                //  2ページ目ウィジット設定
        stackedLayout->addWidget(new QPlainTextEdit);       //  3ページ目ウィジット設定
        vLayout->addLayout(stackedLayout);
        connect(pageComboBox, SIGNAL(activated(int)),
                stackedLayout, SLOT(setCurrentIndex(int)));     //  ページ切り替えのために signal-slot 接続
    .....
}

● 演習問題：ラジオボタンでページを切り替えるようにしなさい。

まとめ