Qt をはじめよう！ 第8回: QWidget の親子関係を学ぼう

前回は [qt QObject] の親子関係について学びました。今回は [qt QWidget] についてです。

QWidget

QWidget の親子関係

新しいプロジェクトの作成

プロジェクト名とパス

必須モジュールの選択

クラス情報

プロジェクト管理

完了をクリックするとアプリケーションのテンプレートが生成されます。

子ウィジェットの生成とジオメトリ(位置、大きさ)の設定

[qt QSlider] と [qt QPushButton] を上下に並べて配置します。

example.cpp を開き以下のように編集してください。

#include "example.h"

#include <QSlider>     // [1]

#include <QPushButton> // [2]
Example::Example(QWidget *parent)

    : QWidget(parent)

{

    QSlider *slider = new QSlider(Qt::Horizontal, this);  // [3]

    slider->setGeometry(10, 10, 200, 20);                 // [4]

    QPushButton *button = new QPushButton("Close", this); // [5]

    button->setGeometry(10, 40, 200, 30);                 // [6]

}

[1] [3] で使用する[qt QSlider]のヘッダファイルをインクルード

[2] [5] で使用する[qt QPushButton]のヘッダファイルをインクルード

[3] 親ウィジェットに this(Example) を指定し水平方向の [qt QSlider] のインスタンス slider を生成

[4] slider のジオメトリの設定

[5] 親ウィジェットに this(Example) を指定し "Close" というテキストの [qt QPushButton] のインスタンス button を生成

[6] button のジオメトリの設定

それでは実行してみましょう。

Example クラスのコンストラクタで生成した２つのウィジェットが Example の子ウィジェットとして表示されています。スライダを動かしたりボタンを押したりすることは可能ですが、動作は実装していないため何も起こりません。

Example::~Example()

{
}

Example クラスのデストラクタでは何もしていない点に着目してください。

Example を親オブジェクトとして指定して生成した slider, button は、Example のインスタンスが delete される際に自動で delete されるためここで delete をする必要はありません。(delete しても問題はありません。)

main.cpp

main.cpp を開き、ソースコードを見てみましょう。

下記の内容は典型的な Qt のアプリケーションにおける main.cpp のコードになります。

#include <QtGui/QApplication> // [1]

#include "example.h"          // [2]
int main(int argc, char *argv[])

{

    QApplication a(argc, argv); // [3]

    Example w;                  // [4]

    w.show();                   // [5]

    return a.exec();            // [6]

}

[1] [3] で使用する QApplication のヘッダファイルをインクルード

[2] [4] で使用する Example のヘッダファイルをインクルード

[3] [qt QApplication] のインスタンス a を生成

[4] Example のインスタンス w を生成

[5] w を表示

[6] a を実行し、Qt のイベントループに入る

[4] で Example のインスタンス w を生成した際に親ウィジェットを指定していないことに着目してください。w は親ウィジェットを持たないウィジェットとなり、ウインドウとして扱われます。

おわりに

今回は QWidget の親子関係について学びました。

プログラミングでは [qt QWidget] のサブクラスを作成し、その中で子ウィジェットを生成して表示しました。

今回は子ウィジェットの位置や大きさを固定値で指定したため、ウィンドウのサイズを変更した場合には見た目がおかしくなってしまいます。

次回はこの問題を解決する[qt "レイアウト" l=layout]という仕組みについて学びましょう。