本文涉及:Windows操作系统,Python,PyQt5,Qt Designer,PyCharm
目录
一、自适应原理
自适应其实很简单,只要搞懂原理,你就能随心所欲地去布置你的页面了。
它的基础是布局,有了布局,再在布局中放置各种控件,我们就能让控件实现自适应的效果,即:不管是点击最大化按钮之前还是之后,控件的大小比例都能跟随窗口大小的变化而变化。
先了解一下布局,主要有以下3种:
| 水平布局(H) | 里面的控件会水平排布,即从左到右放置 |
| 垂直布局(V) | 里面的控件会垂直排布,即从上到下放置 |
| 栅格布局(G) | 控件呈网格排布,上下左右都可以放置 |
还有其它布局,但是用的不多,本文暂且不提。
二、基础布局示例
打开Qt Designer,新建一个窗口,拖进一个frame控件,然后通过布局来让其自适应窗口。如下图所示:

从右侧的对象查看器中我们可以看到,有2个图标的右下角是打了红色的禁止符号,这就代表当前对象是没有使用布局的。前面我们说到,如果控件没有在布局中,那么它就不能自适应窗口。
那我们如何让这个frame控件自适应窗口呢?其实很简单,因为我们的目的是让这个frame去自适应窗口,那么我们就将整个窗口作为一个布局容器就行了。
具体做法就是,将鼠标点击窗口中没有控件的空白处,再点击右键,设置水平布局就可以了。注意:不是灰色区域!步骤如下图所示:

设置完成后,你就会发现,frame的大小直接和窗口大小一致了。再观察右侧对象查看器中,frame对象上面的centralwidget的布局图标是正常显示了,刚刚的红色禁止标志已经消失了。如下图所示:

是不是这样就结束了?理论上是的,但是还不够完美。如果你仔细观察就会发现,frame的边缘和窗口的蓝色边缘并不是完全贴合的,这就会导致边缘会有一定的空隙,也是比较影响美观的。
因为在Qt Designer中,布局里是会默认留出空隙的,需要我们自己手动调整一下,调整步骤如下:
第1步,我们鼠标单击对象查看器中的centralwidget,再单击属性编辑器(或者按组合键:Ct

本文详细介绍了Qt界面设计中实现自适应布局的原理和方法,包括基础的水平、垂直和栅格布局,以及如何通过设置布局属性实现控件的完美贴合。此外,还深入探讨了布局嵌套布局的技巧,通过实例展示了如何处理复杂的窗口布局,如左侧菜单和右侧工作区的经典布局模式。同时,提到了tableWidget的自适应设置,并预告了更多特殊控件的自适应补充内容。
673

被折叠的 条评论
为什么被折叠?



