PyQt Qt Designer工具的布局管理详解

作者:BengDou_Do&Think 时间:2023-09-21 04:44:17 

前言

这节课很重要。。界面整洁美观与否就看布局了。。这里讲布局方法,至于设计的天赋与最终界面的美感那就看造化了。。

本文主要讲述Qt Designer工具实现界面控件布局管理,就是排列组合控件。包括水平布局、垂直布局、网格布局、表单布局。至于绝对布局太复杂。。短期内hold不住

布局管理打开方法

方法一:Qt Designer -> Form菜单栏

PyQt Qt Designer工具的布局管理详解

方法二:右键单击主窗口 -> Lay out

PyQt Qt Designer工具的布局管理详解

四种布局管理介绍

(1)水平布局 Lay Out Horizontally:被选中的控件在水平方向上从左到右排列。杂乱无章的四个控件水平布局后效果如下:

PyQt Qt Designer工具的布局管理详解

(2)垂直布局 Lay Out Vertically:被选中的控件在垂直方向上依次排列。杂乱无章的四个控件垂直排列后效果如下:

PyQt Qt Designer工具的布局管理详解

(3)表单布局Lay Out in a Form:控件以2列的形式布局在表单中。左列包含标签(label),右列包含输入控件。 用户名和密码相关的四个控件组合表单布局。

PyQt Qt Designer工具的布局管理详解

(4)网格布局 Lay Out in a Grid:网格布局是将窗口分隔成行和列的网格来进行排列。被选中组合的控件以网格的形式排列。参考如下。。好像也不美观。

PyQt Qt Designer工具的布局管理详解

嵌套布局

界面控件类型简单可以考虑采用上述四种布局方式进行单一布局。但是控件类型多样化的话就要考虑布局的嵌套了。就是分析控件的特点,采用不同布局方式组合控件。

如下主窗口中用户名+密码的标签+单行输入框控件组合使用表单布局,然后与登录+退出控件使用垂直布局,最后与显示文本框采用网格布局。具体效果如下

PyQt Qt Designer工具的布局管理详解

注意:组合控件使用的布局如果需要打破布局,可以通过选择组合的控件,然后单击菜单Form -> Break Layout方式进行打破布局。实际上使用撤销也可以。

PyQt Qt Designer工具的布局管理详解

绝对布局管理

某些时候采用布局管理工具完成的界面设置并不满足你的要求,可以考虑修改控件geometry属性相对坐标及长、框的方式进行对齐。geometry属性在PyQt中主要用来设置控件在窗口中的绝对坐标与控件自身的大小。如下图所示。对于包含控件类型及个数不多的界面可以考虑采用这种方式。

PyQt Qt Designer工具的布局管理详解

下面针对这几个控件的对齐简单描述一下。

PyQt Qt Designer工具的布局管理详解

第一行中"获取整数"按钮与"lineEdit"两个控件对齐:控件Y轴数值、Height长度值保持一致。控件间隔通过计算获取。这里两个控件间隔为150-80-50=30

PyQt Qt Designer工具的布局管理详解

第一列"获取整数"和"获取字符串"控件对齐:保持X轴数值、Width数值一致。列间间距为80-31-30=19。这样"获取列表选项"控件也以间距19保持即可。

是不是很简单?如果觉得布局管理出来效果不好,就动手尝试一下这种方法把。。

其他布局管理

1、采用绝对布局的方式进行控件布局。但是这种上手难度比较大,后面在实践过程中遇到有好的方法可以针对Qt界面布局管理后的效果进行优化的再补充介绍。

2、修改控件属性。通过修改控件的属性,比如最小尺寸、最大尺寸、长、宽、字体等等。比如我想针对小工具的需求我会经常使用固定最小尺寸、最大尺寸保持一致的方式,使主窗口及控件不受拉伸影响。

小结

本文针对Qt Designer布局管理中的水平布局、垂直布局、网格布局以及表单布局的最最基本的使用方法和布局效果进行了基本介绍。内容都很简单,看完也很容易自己动手实践一下。当然还有很多其他辅助的方式(比如添加水平线、垂直线等)可以帮助完成界面更合理的布局,这个需要后面再进行探索。。有新的理解或者内容后续再更新本文。期望自己可以布局一个还能过的去的界面。

来源:https://www.cnblogs.com/linyfeng/p/11223709.html

标签:pyqt,qt,designer,布局,管理
0
投稿

猜你喜欢

  • Python程序设计入门(2)变量类型简介

    2021-09-28 14:51:18
  • Python词云的正确实现方法实例

    2021-08-05 10:53:41
  • python函数超时自动退出的实操方法

    2021-09-11 07:07:45
  • Python多进程编程技术实例分析

    2022-07-23 18:02:49
  • python实现网页自动签到功能

    2024-01-03 00:13:14
  • JS CSS制作饱含热情的镶边文字闪烁特效

    2024-04-16 09:04:51
  • Python基于回溯法子集树模板实现图的遍历功能示例

    2021-10-29 15:20:31
  • python读取与处理netcdf数据方式

    2021-11-09 02:45:01
  • 2个asp防刷新程序代码

    2008-09-28 21:16:00
  • 用 Python 写的文档批量翻译工具效果竟然超出想象

    2022-02-10 08:38:51
  • 一文详解golang延时任务的实现

    2024-03-23 16:00:16
  • python使用itchat模块给心爱的人每天发天气预报

    2023-04-12 00:34:26
  • 两种php实现图片上传的方法

    2024-05-22 10:06:44
  • Javascript简单实现可拖动的div

    2013-08-20 11:46:37
  • MySQL按小时查询数据,没有的补0

    2024-01-18 00:55:30
  • Python3中在Anaconda环境下安装basemap包

    2021-11-30 20:05:57
  • Python如何使用字符打印照片

    2023-06-12 09:20:34
  • Linux下python3.7.0安装教程

    2021-07-30 05:25:58
  • 深入讲解HTTPS中的加密算法

    2023-01-20 18:10:52
  • mysql 8.0.18 压缩包安装及忘记密码重置所遇到的坑

    2024-01-28 18:01:35
  • asp之家 网络编程 m.aspxhome.com