QT布局实践1——布局雏形

QT布局实践1——布局雏形

一直以来对布局感觉get不到点，最近就花点时间来实践一下，弄一个纯手动布局的界面。力求做到全适应。

做一个界面慢慢加东西把，大概是下面图的样子，红色区域随意伸缩，绿色区域也是，但是宽度有最大值和最小值。蓝色和橙色是固定的高，只能进行左右伸缩。 

一、设置基础的布局

首先创建一个无界面的mainwindow，布局我就分为2个部分写，红绿为上部分布局，蓝橙为下部分。

大概就是先在QHBoxLayout1 中加入红绿，QHBoxLayout2中加入蓝橙，然后再QVBoxLayout 把 QHBoxLayout1 和QHBoxLayout2 都加进去，最后设为主窗口的布局。

QHBoxLayout  *aboveLayout = new QHBoxLayout ( );  

aboveLayout->addWidget(widget_display);

this->setLayout(aboveLayout);

当我这样写，发现报错了，就是Attempting to set QLayout "" on MainWindow "MainWindow"，which already has a layout 。

这个是 很重要的，mainwindow其实已经自带有布局了，参考http://blog.csdn.net/csdn_logo/article/details/48286785

解决方法：

第一步创建一个QWidget实例，并将这个实例设置为centralWidget。
第一步创建一个主布局mainLayout，并把所需要的所有控件都往里面放（工具栏、菜单栏、状态栏除外）。

最一步就是将widget的布局设置为mainLayout。

现在完成的雏形，4个格子，每个格子拉伸都是一样的。

二、设置的布局缩放

接下来就是要进行布局的比例设置了。

缩放因子：Stretch。这东西可以说是比例，比较易懂。

参考大神的http://blog.csdn.net/liang19890820/article/details/51986284

例如我拉伸窗口的时候，红绿的比例要一直为5：1，那么我可以这样写

aboveLayout->setStretch(0,5);

aboveLayout->setStretch(1,1);

在布局中设置，第一个参数为Layout添加的widget的顺序，我这里0 就是红色了。

上半部分和下班部分占比为10：1，类似同上：

allLayout->addLayout(aboveLayout,10);

allLayout->addLayout(belowLayout,1);

比例设置完后，还可以设置大小缩放的策略。

策略：SizePolicy 。也就是缩放的方法选择。

常量	值	描述
QSizePolicy::Fixed	0	缺省大小是唯一可以接收的改变，因此部件不能放大也不能缩小。
QSizePolicy::Minimum	GrowFlag	缺省大小是最小值，并且是充分的。部件允许扩展，但是并不倾向扩展（例如：水平方向上的按钮），不能比缺省大小提供的大小更小。
QSizePolicy::Maximum	ShrinkFlag	缺省大小是最大值，假如其它部件需要空间并且不会破坏该部件，那么该部件允许被缩小（例如：一个分割线）。
QSizePolicy::Preferred	GrowFlag | ShrinkFlag	缺省大小是最佳效果，部件允许放大或缩小，但不倾向于扩展比sizeHint()大（QWidget的缺省策略）。
QSizePolicy::Expanding	GrowFlag | ShrinkFlag | ExpandFlag	缺省大小是合理的大小，但部件允许缩小并且可用。部件可以利用额外的空间，因此它将会得到尽可能多的空间（例如：水平方向上的滑块）。
QSizePolicy::MinimumExpanding	GrowFlag | ExpandFlag	缺省大小是最小值，并且是足够的。部件允许使用额外空间，因此它将会得到尽可能多的空间（例如：水平方向上的滑块）。
QSizePolicy::Ignored	ShrinkFlag | GrowFlag | IgnoreFlag	缺省大小将会被忽略，部件将会得到尽可能多的空间。

由于我需要红色尽量的大，绿色不要变太多，写成：

QSizePolicy displaySizePolicy = widget_display->sizePolicy();

QSizePolicy listSizePolicy = widget_list->sizePolicy();

displaySizePolicy.setHorizontalPolicy(QSizePolicy::Expanding);

widget_display->setSizePolicy(displaySizePolicy);

listSizePolicy.setHorizontalPolicy(QSizePolicy::Preferred);

widget_list->setSizePolicy(listSizePolicy);

给红色设置Expanding，给绿色设置Preferred。

有时又不想每个格子变得太大或太小，可以设置他们的最大值和最小值。例如：

widget_list->setMaximumWidth(250);

widget_list->setMinimumWidth(250);

完成大概是这样的：

附上这一步的源码：

#ifndef MAINWINDOW_H

#define MAINWINDOW_H

#include <QWidget>

#include <QObject>

#include <QPushButton>

#include <QListWidget>

#include <QLabel>

#include <QMainWindow>

#include <QHBoxLayout>

#include <QDebug>

class MainWindow : public QMainWindow

{

    Q_OBJECT

private:

    void UI_Init();

    void setUI_below(QVBoxLayout  *allLayout);

    void setUI_above(QVBoxLayout  *allLayout);

public:

    MainWindow(QWidget *parent = 0);

    ~MainWindow();

    QPushButton *btn_play;

    QPushButton *btn_stopplay;

    QPushButton *btn_record;

    QPushButton *btn_stoprecord;

    QWidget *widget_display;

    QWidget *widget_list;

    QWidget *widget_playctrl;

    QWidget *widget_recordctrl;

    QWidget *widget_Main;

    QListWidget *listwidget;

    QLabel *label_display;

};

#endif // MAINWINDOW_H

#include "mainwindow.h"

MainWindow::MainWindow(QWidget *parent)

    : QMainWindow(parent)

{

    UI_Init();

}

MainWindow::~MainWindow()

{

}

void MainWindow::UI_Init()

{

    this->setGeometry(100,100,1080+250,720+80);

    widget_Main=new QWidget( );

    this->setCentralWidget(widget_Main);

    QVBoxLayout  *allLayout = new QVBoxLayout ();

    setUI_above(allLayout);

    setUI_below(allLayout);

    allLayout->setMargin(0);

    allLayout->setSpacing(0);

    widget_Main->setLayout(allLayout);

}

void MainWindow::setUI_above(QVBoxLayout  *allLayout)

{

    widget_display=new QWidget( );

    //widget_display->setMinimumWidth(720);

    widget_display->setStyleSheet("background-color:rgb(237,28,36)");

    widget_list=new QWidget( );

    widget_list->setMaximumWidth(250);

    widget_list->setMinimumWidth(250);

    widget_list->setStyleSheet("background-color:rgb(34,177,76 )");

    QHBoxLayout  *aboveLayout = new QHBoxLayout ( ); //布局新加的控件

    aboveLayout->addWidget(widget_display);

    aboveLayout->addWidget(widget_list);

    aboveLayout->setMargin(0);

    aboveLayout->setSpacing(0);

     aboveLayout->setStretch(0,5);

     aboveLayout->setStretch(1,1);

    //aboveLayout->setContentsMargins(QMargins(0,0,0,0));

    //widget_Main->setLayout(aboveLayout);

    allLayout->addLayout(aboveLayout,10);

    QSizePolicy displaySizePolicy = widget_display->sizePolicy();

    QSizePolicy listSizePolicy = widget_list->sizePolicy();

    displaySizePolicy.setHorizontalPolicy(QSizePolicy::Expanding);

    widget_display->setSizePolicy(displaySizePolicy);

    listSizePolicy.setHorizontalPolicy(QSizePolicy::Preferred);

    widget_list->setSizePolicy(listSizePolicy);

}

void MainWindow::setUI_below(QVBoxLayout  *allLayout)

{

    widget_playctrl=new QWidget( );

    widget_playctrl->setMaximumHeight(80);

    widget_playctrl->setMinimumHeight(80);

    //widget_playctrl->setMinimumWidth(720);

    widget_playctrl->setStyleSheet("background-color:rgb(0,162,232)");

    widget_recordctrl=new QWidget( );

    widget_recordctrl->setMaximumHeight(80);

    widget_recordctrl->setMinimumHeight(80);

    widget_recordctrl->setMaximumWidth(250);

    widget_recordctrl->setMinimumWidth(250);

    widget_recordctrl->setStyleSheet("background-color:rgb(255,127,39 )");

    QHBoxLayout  *belowLayout = new QHBoxLayout ( ); //布局新加的控件

    belowLayout->addWidget(widget_playctrl);

    belowLayout->addWidget(widget_recordctrl);

    belowLayout->setMargin(0);

    belowLayout->setSpacing(0);

    belowLayout->setStretch(0,5);

    belowLayout->setStretch(1,1);

    allLayout->addLayout(belowLayout,1);

    QSizePolicy playctrlSizePolicy = widget_playctrl->sizePolicy();

    QSizePolicy recordctrlSizePolicy = widget_recordctrl->sizePolicy();

    playctrlSizePolicy.setHorizontalPolicy(QSizePolicy::Expanding);

    widget_playctrl->setSizePolicy(playctrlSizePolicy);

    recordctrlSizePolicy.setHorizontalPolicy(QSizePolicy::Preferred);

    widget_recordctrl->setSizePolicy(recordctrlSizePolicy);

}