第六章- 组装丰富的积木

这个例子显示了如何把两个窗口部件封装成一个新的组件和使用许多窗口部件是多么的容易。首先，我们使用一个自定义的窗口部件作为一个子窗口部件。

#include <QApplication>
#include <Qpushbutton>
#include <QVBoxLayout>
#include <QGridLayout>
#include <QLCDNumber>
#include <QSlider>
#include <Qfont>

class LCDRange : public QWidget
{
public:
    LCDRange( QWidget *parent=0, Qt::WindowFlags name = Qt::WindowFlags());
};

LCDRange::LCDRange( QWidget *parent, Qt::WindowFlags name )
    : QWidget( parent, name )
{
    QLCDNumber *lcd  = new QLCDNumber(2);
    QSlider * slider = new QSlider( Qt::Horizontal);
    slider->setRange( 0, 99 );
    slider->setValue( 0 );
    connect( slider, SIGNAL(valueChanged(int)), lcd, SLOT(display(int)) );

    QVBoxLayout* layout = new QVBoxLayout;
    layout->addWidget(lcd);
    layout->addWidget(slider);
    setLayout(layout);
}

class MyWidget : public QWidget
{
public:
    MyWidget( QWidget *parent=0, Qt::WindowFlags name = Qt::WindowFlags());
};


MyWidget::MyWidget( QWidget *parent, Qt::WindowFlags name )
    : QWidget( parent, name )
{
    QVBoxLayout* layout = new QVBoxLayout;

    QPushButton *quit = new QPushButton( "Quit");
    quit->setFont( QFont( "Times", 18, QFont::Bold ) );
    connect( quit, SIGNAL(clicked()), qApp, SLOT(quit()) );

    QGridLayout *grid = new QGridLayout;

    for( int r = 0 ; r < 4 ; r++ )
    {
        for( int c = 0 ; c < 5 ; c++ )
        {
            grid->addWidget( new LCDRange( this ), r, c);
        }
    }

    layout->addWidget(quit);
    layout->addLayout(grid);
    setLayout(layout);
}

int main( int argc, char **argv )
{
    QApplication a( argc, argv );

    MyWidget w;
    w.resize(500, 350);
    w.show();
    return a.exec();
}

一行一行地解说

class LCDRange : public QWidget
{
public:
    LCDRange( QWidget *parent=0, Qt::WindowFlags name = Qt::WindowFlags());
};

LCDRange窗口部件是一个没有任何API的窗口部件，它只有一个构造函数。这种窗口部件不是很有用，所以我们一会儿会加入一些API。

LCDRange::LCDRange( QWidget *parent, Qt::WindowFlags name )
    : QWidget( parent, name )
{
    QLCDNumber *lcd  = new QLCDNumber(2);
    QSlider * slider = new QSlider( Qt::Horizontal);
    slider->setRange( 0, 99 );
    slider->setValue( 0 );
    connect( slider, SIGNAL(valueChanged(int)), lcd, SLOT(display(int)) );

    QVBoxLayout* layout = new QVBoxLayout;
    layout->addWidget(lcd);
    layout->addWidget(slider);
    setLayout(layout);
}

这个构造函数里面创建了一个QLCDNumber和QSlider并用信号与槽机制连接起来，最后用QVBoxLayout把它们排成一个垂直的行。
（等于第五章中除去了按钮）

class MyWidget : public QWidget
{
public:
    MyWidget( QWidget *parent=0, Qt::WindowFlags name = Qt::WindowFlags());
};

MyWidget也是除了一个构造函数之外没有包含任何API。

MyWidget::MyWidget( QWidget *parent, Qt::WindowFlags name )
    : QWidget( parent, name )
{
    QVBoxLayout* layout = new QVBoxLayout;

    QPushButton *quit = new QPushButton( "Quit");
    quit->setFont( QFont( "Times", 18, QFont::Bold ) );
    connect( quit, SIGNAL(clicked()), qApp, SLOT(quit()) );

这个按钮被放在LCDRange之外，这样我们就有了一个Quit按钮和许多LCDRange对象，把它们用QVBoxLayout排列。

    QGridLayout *grid = new QGridLayout;

创建一个QGridLayout对象。这个QGridLayout窗口部件可以自动地把自己地子窗口部件排列到行列。

    for( int r = 0 ; r < 4 ; r++ )
    {
        for( int c = 0 ; c < 5 ; c++ )
        {
            grid->addWidget( new LCDRange( this ), r, c);
        }
    }

四行，五列。
我们创建了一个4*5个LCDRanges，通过addWidget把LCDRange添加到grid中，r、c 代表行和列，所有这些都是这个grid对象的子窗口部件。

行为

这个程序显示了在同一时间使用许多窗口部件是多么的容易。其中的滑块和LCD数字的行为在前一章已经提到过了。还有就是，就是实现的不同。

练习

在开始的时候使用不同的或者随机的值初始化每个滑块。 点击这里

现在你可以进行第七章了。