QT dsigner简单设置布局小技巧

1.现象

大家在使用QT的时候会发现设计好的界面在放大的时候会出现一些问题，即控件的尺寸不会随着界面的缩放而自适应改变，出现界面大，控件小的情况。如下图所示

当我们拉大界面的时候，就会出现下面的情况：

控件不会随着界面进行自适应缩放。要达到自适应缩放的效果，就需要对页面进行布局（Layouts）。但是，designer中的布局对于初学者是十分不友好的，往往达不到我们想要的效果。因此，接下来分析一中简单的方法，来快速完成界面的布局，达到我们想要的效果。

2.方法

打开designer，找到左侧的空间中的Widget选项卡，将其拖入到界面中。

然后将需要布局的空间拖入Widget中，如下图所示：

可以看到，所有的控件都被放入这个框里面了，此时需要让他们按照栅格模式进行排布，即显示出左右对其的效果，选择Widget，点击designer中的按钮即可。

如果发现里面的控件没有对其，或者发生了偏移，只需要进行撤销，然后大致调整位置重复上述操作即可。若觉得之前的布局不合理，点击右边属性框，选择右键 “”布局“” -->"打破布局"即可。
对于下面的按钮，按照之前的操作进行重复

由于这两个控件需要水平分布，因此选择Widget，点击水平布局即可。

将界面所有控件按照上述方式调整好之后，需要对整个页面再次进行整体布局，就可以达到整体缩放的效果。

点击水平布局之后的效果

此时，运行代码，弹出的界面中的控件就能够随着界面缩放而自适应缩放。

3.一些美化的小技巧

做完上述步骤，基本达到了预期的目标，但是任然看起来不够美观，因此还需要增加一些操作让界面看起来好看一点。

（1）弹簧控件

为了添加控件之间的间隙，可以选择弹簧控件进行填充，弹簧控件分为水平和垂直两种，选择合适的填充即可。

添加水平弹簧后，两个控件的距离被拉开了，这样看起来比之前挤在一起好多了。

但是，此时可能会觉得弹簧之间的距离太大，因此，需要将其设置为固定长度，可以点击右下角的属性选择框：

默认的弹簧是扩张模式，如需要进行固定，我们选择fixed模式，然后调整期长度和宽度后回车确认即可


我们可以添加很多弹簧，让界面看起来更“舒适”.

(2) Layeout的边界

细心的朋友可能发现了每个弹簧控件里界面边界还存在一点缝隙，这看起来很不美观，那么如何消除呢？
点击之间创建的Widget，找到右下角的属性：

可以发现，这里可以设置上下左右的边界，默认有9个像素，将其改为0就可以消除控件与界面的边界。

可以发现所有的边界都没有了，有木有好看一点呢？

4.结束