Qt的Layout

開發一個圖形界面應用程序，界面的佈局影響到界面的美觀。在設計一個界面以前，應該考慮到開發的界面可能給不用的用戶使用，而用戶的屏幕大小、縱橫比例、分辨率可能不一樣，界面還多是可縮放的，程序應該能夠適應這些變化。

        前面的程序中都是使用setGeometry()方法定位控件的位置，這個方法比較笨拙。試想若是控件不少，佈局這些控件須要編寫大量的代碼。幸運的是，QT提供了更好的方法佈局控件。

        經常使用的三種佈局方法：

（1）使用水平佈局類QHBoxLayout；

（2）使用垂直佈局類QVBoxLayout；

（3）使用網格佈局類QGridLayout。

這三種方法能夠嵌套使用。

 

控件在佈局時能夠先不指定父窗口，最後交由Layout統一指定。

 

示例：

1. #include <QApplication>  

2. #include <QDialog>  

3. #include <QPushButton>  

4. #include <QLineEdit>  

5. #include <QLayout>  

6. #include <QLabel>  

7.   

8.   

9. int main(int argc, char *argv[])  

10. {  

11.     QApplication a(argc, argv);  

12.     QDialog *mainWindow = new QDialog;  

13.   

14.     QHBoxLayout *topLayout = new QHBoxLayout;  

15.     QLabel *lbl = new QLabel(QWidget::tr("&Input:"), mainWindow);  

16.     QLineEdit *lineEdt = new QLineEdit(mainWindow);  

17.     lbl->setBuddy(lineEdt);  

18.     topLayout->addWidget(lbl);  

19.     topLayout->addWidget(lineEdt);  

20.   

21.     QHBoxLayout *bomLayout = new QHBoxLayout;  

22.     QPushButton *btn_ok = new QPushButton(QWidget::tr("OK"), mainWindow);\  

23.     btn_ok->setDefault(true);  

24.     QPushButton *btn_cancel = new QPushButton(QWidget::tr("Cancel"), mainWindow);  

25.     bomLayout->addStretch();  

26.     bomLayout->addWidget(btn_ok);  

27.     bomLayout->addStretch();  

28.     bomLayout->addWidget(btn_cancel);  

29.     bomLayout->addStretch();  

30.   

31.     QVBoxLayout *mainLayout = new QVBoxLayout;  

32.     mainLayout->addLayout(topLayout);  

33.     mainLayout->addLayout(bomLayout);  

34.       

35.     mainWindow->setLayout(mainLayout);  

36.   

37.     mainWindow->resize(300, 100);  

38.     mainWindow->setWindowTitle(QWidget::tr("Qt Test"));  

39.     mainWindow->show();  

40.   

41.     return a.exec();  

42. }  

編譯運行，界面以下：

 

在界面中，最外部是mainLayout，它的類型是垂直佈局類QVBoxLayout。它包含了兩個水平佈局類QHBoxLayout，分別是topLayout和bomLayout。

 

比起QHBoxLayout和HVBoxLayout， QGridLayout運用更加靈活。

QGridLayout的經常使用方法

（1）addWidget：

1. //放置一個控件到一個單元格  

2. void    addWidget ( QWidget * widget, int row, int column, Qt::Alignment alignment = 0 )  

3. //若是放置的控件超出一個單元格，則使用該方法  

4. void    addWidget ( QWidget * widget, int fromRow, int fromColumn, int rowSpan, int columnSpan, Qt::Alignment alignment = 0 )  

    1）row：指放置控件的網格行號（行號從0開始）；

    2）colum：指放置控件的網格列號（從0開始）；

    3）alignment：對齊方式。

    4）fromRow：指放置控件的起始網格行號；

    5）fromColumn：指放置控件的起始網格列號；

    6）rowSpan：指放置控件佔多少行；

    7）columnSpan：指放置控件佔多少列。

（2）addLayout

1. void    addLayout ( QLayout * layout, int row, int column, Qt::Alignment alignment = 0 )  

2. void    addLayout ( QLayout * layout, int row, int column, int rowSpan, int columnSpan, Qt::Alignment alignment = 0 )  

參數與addWidget相似。

（3）setSpacing

1. void QGridLayout::setSpacing ( int spacing )  

設置控件水平和垂直之間的間隔。

示例：

1. #include <QApplication>  

2. #include <QDialog>  

3. #include <QPushButton>  

4. #include <QLineEdit>  

5. #include <QLayout>  

6. #include <QLabel>  

7. #include <QTextEdit>  

8.   

9.   

10. int main(int argc, char *argv[])  

11. {  

12.     QApplication a(argc, argv);  

13.     QDialog *mainWindow = new QDialog;  

14.   

15.     QGridLayout *gridLayout = new QGridLayout;  

16.     gridLayout->setColumnStretch(0, 1);  

17.     gridLayout->setColumnStretch(1, 4);  

18.     gridLayout->setColumnStretch(2, 1);  

19.     gridLayout->setColumnStretch(3, 1);  

20.     gridLayout->setColumnStretch(4, 4);  

21.   

22.     gridLayout->setMargin(15);  

23.     gridLayout->setColumnMinimumWidth(2, 15);  

24.   

25.   

26.     QLabel *lbl1 = new QLabel(QWidget::tr("First Name:"));  

27.     QLineEdit *edit1 = new QLineEdit;  

28.     QLabel *lbl2 = new QLabel(QWidget::tr("Last Name:"));  

29.     QLineEdit *edit2 = new QLineEdit;  

30.     QLabel *lbl3 = new QLabel(QWidget::tr("Sex:"));  

31.     QLineEdit *edit3 = new QLineEdit;  

32.     QLabel *lbl4 = new QLabel(QWidget::tr("Birthday:"));  

33.     QLineEdit *edit4 = new QLineEdit;  

34.     QLabel *lbl5 = new QLabel(QWidget::tr("Address:"));  

35.     QTextEdit *textEdt = new QTextEdit;  

36.   

37.   

38.   

39.     gridLayout->addWidget(lbl1, 0, 0);  

40.     gridLayout->addWidget(edit1, 0, 1);  

41.     gridLayout->addWidget(lbl2, 0, 3);  

42.     gridLayout->addWidget(edit2, 0, 4);  

43.     gridLayout->addWidget(lbl3, 1, 0);  

44.     gridLayout->addWidget(edit3, 1, 1);  

45.     gridLayout->addWidget(lbl4, 1, 3);  

46.     gridLayout->addWidget(edit4, 1, 4);  

47.     gridLayout->addWidget(lbl5, 2, 0);  

48.     gridLayout->addWidget(textEdt, 3, 0, 2, 5);  

49.       

50.     mainWindow->setLayout(gridLayout);  

51.   

52.     mainWindow->resize(400, 150);  

53.     mainWindow->setWindowTitle(QWidget::tr("Qt Test"));  

54.     mainWindow->show();  

55.   

56.     return a.exec();  

57. }  

編譯運行，界面如圖：

 

轉http://blog.csdn.net/xgbing/article/details/7764326