我們在之前的 GUI 開發(fā)中都是使用的是絕對定位，何謂絕對定位呢？就是我們直接在像素級指定各個組件的位置和大小。比如我們之前使用的 void QWidget::move(int x, int y)；void QWidget::resize(int w, int h)；這樣存在的問題就是組件的位置和大小無法自適應(yīng)父窗口的變化。

王屋網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)自2013年創(chuàng)立以來到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

我們先來看看絕對定位的代碼和效果是怎樣的？頭文件代碼如下：

#include?<QWidget>
#include?<QPushButton>

class?Widget?:?public?QWidget
{
????Q_OBJECT
private:
????QPushButton?TestBtn1;
????QPushButton?TestBtn2;
????QPushButton?TestBtn3;
????QPushButton?TestBtn4;

????void?initControl();
public:
????Widget(QWidget?*parent?=?0);
????~Widget();
};

具體函數(shù)代碼如下：

void?Widget::initControl()
{
????TestBtn1.setText("Test?Button?1");
????TestBtn1.move(20,?20);
????TestBtn1.resize(160,?30);

????TestBtn2.setText("Test?Button?2");
????TestBtn2.move(20,?70);
????TestBtn2.resize(160,?30);

????TestBtn3.setText("Test?Button?3");
????TestBtn3.move(20,?120);
????TestBtn3.resize(160,?30);

????TestBtn4.setText("Test?Button?4");
????TestBtn4.move(20,?170);
????TestBtn4.resize(160,?30);
}

圖一為構(gòu)建運行后得到的原始界面，圖二為我們放大后的效果圖：

????????????????????

圖一????????????????????????????????????????????????????????????????????????????????????圖二

那么有什么解決方法嗎？答案就是布局管理器，它能夠提供相關(guān)的類對界面組件進行布局管理。能夠自動排列窗口中的界面組件，窗口變化后自動更新界面組件的大小。

QLayout 是 Qt 中布局管理器的抽象基類，通過繼承 QLayout 實現(xiàn)了功能各異且互補的布局管理器、Qt 中可以根據(jù)需要自定義布局管理器。注意：布局管理器不是界面部件，而是界面部件的定位策略?。?！

關(guān)系如下所示：

???????QBoxLayout 布局管理器： 以水平或者垂直的方式管理界面組件，如下：

我們下面來進行一組實驗，我們先來以垂直的方式進行排布，代碼如下：

void?Widget::testVBoxLayout()
{
????QVBoxLayout*?layout?=?new?QVBoxLayout();

????TestBtn1.setText("Test?Button?1");
????TestBtn1.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);?//?設(shè)置水平和垂直方向都隨之變化
????TestBtn1.setMinimumSize(160,?30);???//?設(shè)置最小界面大小

????TestBtn2.setText("Test?Button?2");
????TestBtn2.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);
????TestBtn2.setMinimumSize(160,?30);

????TestBtn3.setText("Test?Button?3");
????TestBtn3.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);
????TestBtn3.setMinimumSize(160,?30);

????TestBtn4.setText("Test?Button?4");
????TestBtn4.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);;
????TestBtn4.setMinimumSize(160,?30);

????layout->setSpacing(20);?????????//?設(shè)置間距為20個像素
????layout->addWidget(&TestBtn1);???//?添加?TestBtn1
????layout->addWidget(&TestBtn2);
????layout->addWidget(&TestBtn3);
????layout->addWidget(&TestBtn4);

????setLayout(layout);
}

圖三為構(gòu)建運行后得到的原始界面，圖四為我們放大后的效果圖：

?????????????????????

圖三 ????????????????????????????????????????????????????????????????????????????????? 圖四

我們再試下水平布局，在上面代碼中僅僅只是將 QVBoxLayout 改成 QHBoxLayout，繼續(xù)構(gòu)建運行后效果如下：

那么我們的布局管理器還可以相互嵌套，形成更加復(fù)雜的布局方式。布局嵌套幾乎可以完成所有常用的界面布局，我們還可以定義布局類以達到個性化布局的效果。下來我們就做個 QBoxLayout 嵌套示例，如下：

代碼如下：

void?Widget::testVHBoxLayout()
{
????QHBoxLayout*?hLayout1?=?new?QHBoxLayout();??//?設(shè)置水平方向?hLayout1
????QHBoxLayout*?hLayout2?=?new?QHBoxLayout();??//?設(shè)置水平方向?hLayout2
????QVBoxLayout*?vLayout?=?new?QVBoxLayout();???//?設(shè)置垂直方向?vLayout

????TestBtn1.setText("Test?Button?1");
????TestBtn1.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);
????TestBtn1.setMinimumSize(160,?30);

????TestBtn2.setText("Test?Button?2");
????TestBtn2.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);
????TestBtn2.setMinimumSize(160,?30);

????hLayout1->setSpacing(10);???????????//?設(shè)置間距
????hLayout1->addWidget(&TestBtn1);?????//?水平方向添加?TestBtn1
????hLayout1->addWidget(&TestBtn2);?????//?水平方向添加?TestBtn2

????TestBtn3.setText("Test?Button?3");
????TestBtn3.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);
????TestBtn3.setMinimumSize(160,?30);

????TestBtn4.setText("Test?Button?4");
????TestBtn4.setSizePolicy(QSizePolicy::Expanding,?QSizePolicy::Expanding);;
????TestBtn4.setMinimumSize(160,?30);

????hLayout2->setSpacing(10);
????hLayout2->addWidget(&TestBtn3);
????hLayout2->addWidget(&TestBtn4);

????vLayout->setSpacing(10);????????????//?設(shè)置間距
????vLayout->addLayout(hLayout1);???????//?豎直方向添加?hLayout1
????vLayout->addLayout(hLayout2);???????//?豎直方向添加?hLayout2

????setLayout(vLayout);
}

構(gòu)建運行效果如下：

那么本次我們學(xué)習(xí)了布局管理相關(guān)的知識。絕對定位的布局方式是無法適應(yīng)窗口的變化的，在 Qt 中提供了相關(guān)的類對界面組件進行布局管理。Qt 預(yù)定義了功能各異的且互補的布局管理器，布局管理器能夠相互嵌套形成復(fù)雜的布局。在后面我們會接著對 Qt 的布局管理方式進行學(xué)習(xí)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前標(biāo)題：QT之布局管理器（十九）-創(chuàng)新互聯(lián)
文章源于：http://chinadenli.net/article8/desoip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、電子商務(wù)、網(wǎng)站營銷、網(wǎng)站維護、品牌網(wǎng)站制作、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)