写点什么

Python Qt GUI 设计:窗口布局管理方法【基础】(基础篇—5)

  • 2021 年 11 月 11 日
  • 本文字数:1933 字

    阅读完需:约 6 分钟

Python Qt GUI设计:窗口布局管理方法【基础】(基础篇—5)

Qt Designer 提供 4 种窗口布局方式,分别如下:

  • Vertical Layout(垂直布局),控件默认按照从上到下的顺序进行纵向添加;

  • Horizontal Layout(水平布局),控件默认按照从左到右的顺序进行横向添加;

  • Grid Layout(栅格布局),将窗口控件放入一个网格之中,然后将它们合理地划分成若干行(row)和列(column),并把其中的每个窗口控件放置在合适的单元(cell)中,这里的单元即是指由行和列交叉所划分出来的空间;

  • Form Layout(表单布局),控件以两列的形式布局在表单中,其中左列包含标签,右列包含输入控件。

它们位于 Qt Designer 主窗口左侧区域的 Widget Box(工具箱)里的 Layouts(布局)栏中,如下图所示:

通常进行布局有两种方式:一种是通过布局管理器进行布局,另一种是通过容器控件进行布局。

1、布局管理器进行布局

以垂直布局为例,打开 Qt Designer,新建一个 QWidget 控件,然后在其中放入两个按钮(PushButton)子控件。

选中这两个控件,单击鼠标右键,在弹出的快捷菜单中选择"布局"的子菜单就可以指定该控件的布局方式了,此处选择“垂直布局”,如下图所示:

2、容器控件进行布局

所谓容器控件,就是指能够容纳子控件的控件。使用容器控件,目的是将容器控件中的控件归为一类,以有别于其他控件。当然,容器控件也可以对其子控件进行布局,只不过没有布局管理器常用。使用容器控件最大的作用是:美观和方便管理,例如将 10 个按钮(PushButton)子控件放在同一个容器控件中,拖动容器控件即可同时移动 10 个按钮(PushButton)子控件。

Qt Designer 主窗口左侧区域的 Widget Box(工具箱)里的 Containers(容器)栏中,如下图所示:

具体使用可参见官网说明,这里不再赘述:Using Containers in Qt Designer | Qt Designer Manual

从左侧容器(Containers)导航栏拖入一个 Frame 控件,Frame 控件放置一些常用的表单、按钮等控件,在 Frame 控件中放入三个 Button 控件,并对其进行重命名,还是以垂直布局,如下图所示:

此时拖动 Frame 控件即可便捷控制三个 Button 控件,并且在右侧对象查看器中可见,三个 Button 控件对象是在 Frame 控件子级,当创建的对象较多时就非常方便管理了。

3、geometry 属性:控件绝对布局

最后再聊聊绝对布局。

绝对布局方法非常简单,在 Qt Designer 主窗口右侧区域属性栏目设置相关控件的 geometry 属性即可。geometry 属性在 PyQt 中主要用来设置控件在窗口中的绝对坐标与控件自身的大小。例如,以下 Button 控件的 geometry 属性,如下图所示:

参数说明如下所示:

  • X:110,按钮控件左上角,距离主窗口左侧为 110px;

  • Y:170,按钮控件左上角,距离主窗口上侧为 170px;

  • 宽度:93,按钮控件宽度为 93px;

  • 高度:28,按钮控件高度为 28px。

示意图如下所示:

可以随意更改这些属性值来查看控件在窗口中的位置变化,也可以通过更改控件在窗口中的位置及其大小来查看属性值的变化,以此更深刻地理解属性的含义。

4、sizePolicy 属性:微调优化控件布局

sizePolicy 属性的作用是:若窗口控件在布局管理器中的布局不能满足我们的需求,那么就可以设置该窗口控件的 sizePolicy 属性来实现布局的微调。

介绍 sizePolicy 属性之前,需要先讲讲 sizeHint 和 minisizeHint 属性。每个窗口控件都有属于自己的两个尺寸:一个是 sizeHint 属性(尺寸提示),它是窗口控件的期望尺寸;另一个是 minimumSize 属性(最小尺寸),它是窗口控件压缩时所能够被压缩到的最小尺寸。

sizePolicy 属性也是每个窗口控件所特有的属性,不同的窗口控件的 sizePolicy 可能不同。例如,以下 Button 控件的默认 sizePolicy 属性,如下图所示:

水平策略和垂直策略的参数解释如下所示:

  • Fixed:窗口控件具有其 sizeHint 所提示的尺寸且尺寸不会再改变;

  • Minimum:窗口控件的 sizeHint 所提示的尺寸就是它的最小尺寸;该窗口控件不能被压缩得比这个值小,但可以变得更大;

  • Maximum:窗口控件的 sizeHint 所提示的尺寸就是它的最大尺寸;该窗口控件不能变得比这个值大,但它可以被压缩到 minisizeHint 给定的尺寸大小;

  • Preferred:窗口控件的 sizeHint 所提示的尺寸就是它的期望尺寸;该窗口控件可以缩小到 minisizeHint 所提示的尺寸,也可以变得比 sizeHint 所提示的尺寸还要大;

  • Expanding :窗口控件可以缩小到 minisizeHint 所提示的尺寸,也可以变得比 sizeHint 所提示的尺寸大,但它希望能够变得更大;

  • MinimumExpanding:窗口控件的 sizeHint 所提示的尺寸就是它的最小尺寸;该窗口控件不能被压缩得比这个值还小,但它希望能够变得更大;

  • lgnored:无视窗口控件的 sizeHint 和 minisizeHint 所提示的尺寸,按照默认来设置。

学了本篇文章,各位朋友基本可实现布局操作,也可继续学习强化篇文章,继续加深理解~

Python Qt GUI设计:窗口布局管理方法【强化篇】(基础篇—6)


参考链接:在 Qt Designer 中使用布局

Python-PyQt5开发学习笔记(二):Layout(布局)

发布于: 21 小时前阅读数: 5
用户头像

【研究方向】物联网、嵌入式、AI、Python 2018.02.09 加入

【公众号】美男子玩编程,关注获取海量资源~

评论

发布
暂无评论
Python Qt GUI设计:窗口布局管理方法【基础】(基础篇—5)