我们先选中Frame框架控件:

修改下方的Layout相关参数;
先解释一下各个参数
layoutLeftMargin: layout内的布局距离边框左端的距离。
layoutTopMargin: layout内的布局距离边框顶端的距离。
layoutRightMargin: layout内的布局距离边框右端的距离。
layoutBottomMargin: layout内的布局距离边框底端的距离。
layoutHorizontalSpacing: layout内的水平方向内的对象(包括控件和低一级布局)的水平间隙。
layoutVerticalSpacing:layout内的垂直方向内的对象(包括控件和低一级布局)的垂直间隙。
layoutRowStretch: layout内的水平方向内的对象(包括控件和低一级布局)的水平尺寸比例。(例如1,2,表示水平的两个对象的宽度比例为1:2,不过这也会受到sizePolicy影响)
layoutColumnStretch: layout内的垂直方向内的对象(包括控件和低一级布局)的垂直尺寸比例。
1.因为案例中一个Frame内只有一个horizontalLayout对象,所以只需要修改Frame内对象至边框的距离。


可以看出Frame内对象至边框的间隙没有了,不过Frame内个控件之间的距离没有消除,各个Frame间的间隔也没有消除。
接下来,选中Frame中的horizontalLayout:

layoutSpacing:layout内的各个对象之间的间隙;
layoutStretch: layout内的各个对象之间的尺寸比例。
(因为horizontalLayout和verticalLayout只有一个维度的方向,所以参数会比两个维度的layout少)
2.然后我们修改layoutSpacing为0即可:

3. 最后,我们在最后全局控制Frame的verticalLayout调整layout参数:

4. 然后在全局的栅格化布局gridLayout,修改layout参数:

最终效果:
