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

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

QWidget

QWidget の親子関係

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

プロジェクト名とパス

必須モジュールの選択

クラス情報

プロジェクト管理

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

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

QSlider と 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] で使用するQSliderのヘッダファイルをインクルード

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

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

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

[5] 親ウィジェットに this(Example) を指定し ”Close” というテキストの 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] QApplication のインスタンス a を生成

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

[5] w を表示

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

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

おわりに

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

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

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

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

Related posts:

1. Qt をはじめよう！ 第9回: レイアウト管理を学ぼう
2. Qt をはじめよう！ 第7回: Qt のオブジェクトモデルを理解しよう
3. Qt をはじめよう！ 第10回: シグナルとスロット
4. Qt をはじめよう！ 第12回: シグナルとスロットを作成しよう
5. Qt をはじめよう！ 第11回: QObject の派生クラスを作成しよう

Tagged as: Qt, アーキテクチャ