2.2 布局控件组
开发一个图形界面应用程序，界面的布局影响到界面的美观。前面的程序中都是使用UI界面拖控件，如果有多个按钮，会出现大小难调整、位置难对齐等问题。Qt 提供的“布局管理“就很好的解决了控件摆放的问题。
以下是UI设计师界面的布局相关控件组：
图2-14 布局管理组
功能介绍：
（1）Vertical Layout：垂直布局
（2）Horizontal Layout：水平布局
（3）Grid Layout：网格布局
（4）Form Layout：窗体中布局
（5）Horizontal Spacers：水平空格，在布局中用来占位。
（6）Vertical Spacer：垂直空格，在布局中用来占位。
图2-15 布局快捷键
2.2.1 基本布局控件
在UI设计界面添加一个布局控件，然后将需要布局的其他控件放入布局控件中即可完成布局，布局控件可以互相嵌套使用。（本章节只介绍基本布局控件的使用，详细的代码方式布局将在后面章节讲解）
以下是4中布局控件的效果：
图2-16 布局效果
2.2.2 UI设计师的布局功能
在UI设计界面的左上角有一排快捷的布局选项，使用时选中两个以上的控件，点击其中一种布局方式就可以切换布局。
以下为布局的简单示例图：
图2-17 布局效果
- 为布局的选项。
- 控件层次图，可以看到控件的布局摆放层次。
如果想要控制某个控件的固定大小，不随着布局改变大小，可以限定最大最小尺寸。选中控件鼠标右键-->大小限定->设置大小。
图2-18 设置最大最小尺寸
水平布局与垂直布局
图2-19 水平与垂直布局
水平布局将控件按照水平方式摆放，垂直布局将控件按照垂直方式摆放。鼠标拖动红色布局框上的黑色方点，可以调整布局框的大小。随着布局框的尺寸变化，包含的控件高度不会变化，宽度会随着布局框变化。选中其中一个控件然后鼠标右键>点击大小限定，可以限定控件的最大和最小尺寸。
分裂器水平布局与垂直布局
图2-20 分裂器布局
分裂器方式布局，包含控件的高度和宽度都会随着布局框的拉伸而改变。选中其中一个控件然后鼠标右键>点击大小限定，可以限定控件的最大和最小尺寸。
窗体中布局与栅格布局
图2-21窗体中布局与栅格
栅格（网格）布局器的基本单元是单元格，而窗体中布局（表单）的基本单元是行。随着布局框的尺寸变化，包含的控件高度不会变化，宽度会随着布局框变化。
设置主窗体布局方式
设置主窗体的布局方式后，包含在主窗体内的控件会随着窗体的拉伸自动调整大小。
图2-22 主窗体自动拉伸
标签：控件,界面,QT,--,布局,限定,窗体,UI 来源： https://blog.csdn.net/xiaolong1126626497/article/details/120760732
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。