• 基本布局QLayout简介
• • 简述
  • Qt的布局类
  • 水平、垂直、网格、表单布局
  • 使用布局提示
  • 为布局添加控件
  • 伸展因素
  • 布局中的自定义控件
  • 手动布局
  • 如何编写自定义布局管理器
• 简单Demo和说明

基本布局QLayout简介

Qt的布局类

水平、垂直、网格、表单布局

使用布局提示

为布局添加控件

布局中的自定义控件

如何编写自定义布局管理器

简单Demo和说明

void addWidget
	QWidget *widget, 	// 需要插入的控件对象
	int fromRow, 		// 插入的行
	int fromColumn, 	// 插入的列
	int rowSpan, 		// 占用的行
	int columnSpan, 	// 占用的列数
	Qt::Alignment alignment = Qt::Alignment() // 各个控件的对齐方式
addLayout()方法用于加入子布局
 
void addLayout
	QLayout *layout, 	// 需要插入的子布局对象
	int row, 			// 插入的起始行
	int column, 		// 插入的起始列
	int rowSpan, 		// 占用的行数
	int columnSpan,     // 占用的列数
	Qt::Alignment alignment = Qt::Alignment() // 指定的对齐方式
Demo介绍了如何使用基本布局管理，如QHBoxLayout QVBoxLayout QGridLayout类。Demo用到了四个布局管理器，分别是 LeftLayout(使用QGridLayout)，RightLayout(使用QVBoxLayout)，BottomLayout(使用QHBoxLayout)，MainLayout(使用QGridLayout)
 
GitHub链接 ： UserInfo
 
LeftLayout(使用QGridLayout)
 
void Dialog::LeftLayoutSetting()
    UserNameLabel = new QLabel(tr("用户名:"));
    UserNameLineEdit = new QLineEdit();
    NameLabel = new QLabel(tr("姓名:"));
    NameLineEdit = new QLineEdit();
    SexLabel = new QLabel(tr("性别:"));
    SexComboBox = new QComboBox();
    SexComboBox->addItem(tr("女"));
    SexComboBox->addItem(tr("男"));
    DepartmentLabel = new QLabel(tr("部门:"));
    DepartmentTextEdit = new QTextEdit();
    AgeLabel = new QLabel(tr("年龄:"));
    AgeLineEdit = new QLineEdit();
    NoteLabel = new QLabel(tr("备注:"));




    

    // 设置控件的风格，有形状和阴影两项配合设定
    // 形状: NoFrame Box Panel WinPanel HLine VLine StyledPanel 六种
    // 阴影: Plain Raised Sunken 三种
    NoteLabel->setFrameStyle(QFrame::Panel|QFrame::Sunken);
    LeftLayout = new QGridLayout(); // 由于 不是主布局器 不用指定父窗口
    LeftLayout->addWidget(UserNameLabel,0,0);
    LeftLayout->addWidget(UserNameLineEdit,0,1);
    LeftLayout->addWidget(NameLabel,1,0);
    LeftLayout->addWidget(NameLineEdit,1,1);
    LeftLayout->addWidget(SexLabel,2,0);
    LeftLayout->addWidget(SexComboBox,2,1);
    LeftLayout->addWidget(DepartmentLabel,3,0);
    LeftLayout->addWidget(DepartmentTextEdit,3,1);
    LeftLayout->addWidget(AgeLabel,4,0);
    LeftLayout->addWidget(AgeLineEdit,4,1);
    LeftLayout->addWidget(NoteLabel,5,0,1,2);
    // 设置 列的 拉伸系数，对话框框架大小改变，两列的比例不变 这里 1：3
    LeftLayout->setColumnStretch(0,1);
    LeftLayout->setColumnStretch(1,3);
RightLayout(使用QVBoxLayout)
 
void Dialog::RightLayoutSetting()
    HeadLabel = new QLabel(tr("头像"));
    HeadIconLabel = new QLabel();
    QPixmap icon(":/icon/head.png");
    HeadIconLabel->setPixmap(icon);
    HeadIconLabel->setFixedSize(100, 100);
    //HeadIconLabel->resize(icon.width(),icon.height());
    // setScaledContents按比例缩放图片达到理想的效果
    HeadIconLabel->setScaledContents(true);
    UpdateHeadBtn = new QPushButton(tr("更新"));
    // 右上 头像部分布局
    RightTopLayout = new QHBoxLayout();
    RightTopLayout->addWidget(HeadLabel);
    RightTopLayout->addWidget(HeadIconLabel);
    RightTopLayout->addWidget(UpdateHeadBtn);
    RightTopLayout->setSpacing(20); // 控件之间的间距
    PersonalInfoLabel = new QLabel(tr("个人说明"));
    PersonalInfoTextEdit = new QTextEdit();
    RightLayout = new QVBoxLayout(); // 由于 不是主布局器 不用指定父窗口
    RightLayout->addLayout(RightTopLayout); // 子布局
    RightLayout->addWidget(PersonalInfoLabel);
    RightLayout->addWidget(PersonalInfoTextEdit);
    RightLayout->setMargin(10); // 控件与窗体的边距
BottomLayout(使用QHBoxLayout)
 
void Dialog::BottomLayoutSetting()
    OkBtn = new QPushButton(tr("确定"));
    CancelBtn = new QPushButton(tr("取消"));
    BottomLayout = new QHBoxLayout();
    // 之前（这里是左边） 加入 空间间隔 占位符，使两个按钮靠右对齐
    BottomLayout->addStretch();
    BottomLayout->addWidget(OkBtn);
    BottomLayout->addWidget(CancelBtn);
MainLayout(使用QGridLayout)
 
void Dialog::MainLayoutSetting()
    MainLayout = new QGridLayout(this);// 主布局 父窗口指定为this
    MainLayout->setMargin(15); // 控件与窗体的边距
    MainLayout->setSpacing(10); // 控件之间的间距
    MainLayout->addLayout(LeftLayout,0,0);
    MainLayout->addLayout(RightLayout,0,1);
    MainLayout->addLayout(BottomLayout,1,0,1,2); // 占两列
    // 设置 最优化显示，使用户无法改变对话框大小，最优化就是控件按其 sizeHint 的大小显示
    MainLayout->setSizeConstraint(QLayout::SetFixedSize);
void QGridLayout::setColumnStretch(int column, int stretch)
 
Sets the stretch factor of column column to stretch. The first column is number 0.
The stretch factor is relative to the other columns in this grid. Columns with a higher stretch factor take more of the available space.
The default stretch factor is 0. If the stretch factor is 0 and no other column in this table can grow at all, the column may still grow.
An alternative approach is to add spacing using addItem() with a QSpacerItem.
添加资源：
 
右键工程->add New…->选择Qt Qt Resource File -> 选择保存路径和名称(默认 .qrc) -> 下一步选着添加项目
 
在 add Prefix 中 前缀 修改为 icon (根据需要修改)
 
点击 add Files 添加 图片，并取别名
 
希望我的文章对于大家有帮助，由于个人能力的局限性，文中可能存在一些问题，欢迎指正、补充！
                    介绍QT基本布局QLayout，Qt的布局类，水平、垂直、网格、表单布局，伸展因素等，并通过Demo介绍如何使用基本布局管理，如QHBoxLayout、QVBoxLayout、QGridLayout 类
				
  介绍完常用控件之后，我们发现，之前控件的大小位置都是通过resize()、move()来设置的，很不方便，当你修改某个控件的位置时，其他控件也需要进行调整，容易出现牵一发而动全身的情况。
  QT提供了类QLayout进行布局管理，能很好解决这一情况。常用的布局管理有QVBoxLayout、QHBoxLayout、QFormLayout、QGridLayout。通过布局嵌套基本可以实现理想的...
QLayout 类是布局管理器的基类，是 QBoxLayout、QGridLayout、QFormLayout 和 QStackedLayout 继承的抽象基类。
要自定义布局管理器，须实现函数：
addItem()
	sizeHint()
	setGeometry()
	itemAt()
	takeAt()
还应该实现 minimumSize() 以确保如果空间太少，布局不会调整为零大小。要支持高度取决于宽度的子项，须实现 hasHeightForWidth() 和 heightForW.
				
总结了部分常用了基本控件之后，本篇笔记对Qt的布局管理进行总结。Qt自带一系列简单而强大的布局管理工具，以自动在窗体中排布控件。这极大的方便了开发人员管理GUI控件，达到几乎强迫症级别的优美排布，尤其是在适应不同分辨率界面的时候。
所有的QWidget子类都可以用layout管理他们的控件，用QWidget::setLayout()函数既可以为这个widget设置layout。如果一个Layou...
				
开发一个图形界面应用程序，界面的布局影响到界面的美观。在设计一个界面之前，应该考虑到开发的界面可能给不用的用户使用，而用户的屏幕大小、纵横比例、分辨率可能不同，界面还可能是可缩放的，程序应该可以适应这些变化。
        前面的程序中都是使用setGeometry()方法定位控件的位置，这个方法比较笨拙。试想如果控件很多，布局这些控件需要编写大量的代码。幸运的是，QT提供了更好的方法布局控件
				
您好，可以使用QStackedLayout来实现两个布局的重叠。首先，将两个布局添加到QStackedLayout中，然后使用setCurrentIndex()方法来切换布局的显示。具体实现可以参考以下代码：
QVBoxLayout *layout1 = new QVBoxLayout;
QLabel *label1 = new QLabel("Layout 1");
layout1->addWidget(label1);
QVBoxLayout *layout2 = new QVBoxLayout;
QLabel *label2 = new QLabel("Layout 2");
layout2->addWidget(label2);
QStackedLayout *stackedLayout = new QStackedLayout;
stackedLayout->addWidget(layout1);
stackedLayout->addWidget(layout2);
stackedLayout->setCurrentIndex(1); // 切换到第二个布局
QWidget *widget = new QWidget;
widget->setLayout(stackedLayout);
setCentralWidget(widget);
希望能帮到您。