时间记录：2024/1/8

一、整个页面各位置的详细图片

这些的布局都可以通过QSS来进行修改

二、非QSS的一些布局组件

2.1 QHBoxLayout水平布局组件
常用属性：
（1）spacing：子组件间的间距
（2）stretch：各子组件占的总宽度比例
（3）sizePolicy：子组件的宽高策略，可设置固定宽高、根据比例系数确定等选项
2.2 QVBoxLayout垂直布局组件
常用属性：
与水平布局组件一致
2.3 QGridLayout网格布局组件
常用属性：与水平布局一致
（1）RowMinimumHeight：设置单元格的最小高度
（2）ColumnMinimumWidth：设置单元格的最小宽度
2.4 QSplitter分裂器组件
常用属性：
（1）orientation：设置分离器的方向，可设置为水平方向和垂直方向
（2）opaqueResize：值为false时，在拖动的时候会显示一条灰线，等拉到位后释放鼠标再显示分割条，默认为true，实时更新子控件大小，即拉动到哪里更新到哪里
（3）childrenCollapsible：为true时，用户可以将子部件的大小调整为0
（4）handleWidth：分割线的宽度
（5）设置分割线的样式QSplitter:handle{}
示例：

2.5 QSpacer隔离弹簧组件
与布局组件结合使用，可以设置宽高来使子组件与边距留空白距离，不会真实显示出来
常用属性：
sizeHint：缺省大小，也就是默认大小
sizeType：大小类型
orientation：方向属性