PYQT5水平布局后垂直方向控件间距的调整方法

已于 2022-05-27 22:08:45 修改
阅读量1.6w 收藏 5
点赞数 1
CC 4.0 BY-SA版权
分类专栏： pyqt5编程 文章标签： pyqt5 python3.6 布局 水平布局 垂直方向间隔大
于 2017-11-22 22:25:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fhqlongteng/article/details/78608956
本文介绍在使用PyQt进行界面设计时遇到的控件垂直间隔过大问题及解决方法。作者通过修改setContentsMargins值为0来减小控件间的空白地值，实现了期望的界面效果。

       最近在做QT做界面设计，软件使用的是QTCreator4.2.1，pyqt5.8.1，使用水平布局做好界面后，在软件中也调整好了控件的间隔，达到了想要设计的效果，如下图。

       使用pyqt生成mainwindow.py文件后，运行出来发现控件之间的垂直间隔还是很大，十分的难看。最后通过上网查看了好多文章才没有找到真正的答题，最后通过查看mainwindow.py的代码发现。

        #QTcreator中设置MARGINS为0，但是生成的MARGINS成不为0,需要手动修改一下才行
        self.horizontalLayout_2.setContentsMargins(11, 11, 11, 11)

       代码中设备水平布局的左，上，右，下的空白地值还是11，在QTcreator中已经设置为0，原因出在这里。手动修改一下每个水平布局的setContentsMargins值为0就可以了。如下图是修改了串口号，波特率，数据位，停止位，这四行的水平布局的setContentsMargins值，最后一行校验位水平布局是没有做修改前的效果，垂直方向间隔很大。

[插入]

QT基础入门【布局篇】消除控件之间的间隔
吻等离子的博客
02-09 5884
layoutLeftMargin: layout内的布局距离边框左端的距离。layoutTopMargin: layout内的布局距离边框顶端的距离。layoutRightMargin: layout内的布局距离边框右端的距离。layoutBottomMargin: layout内的布局距离边框底端的距离。layoutHorizontalSpacing: layout内的水平方向内的对象（包括控件和低一级布局）的水平间隙。
【Qt开发教程】布局间隔QSpacerItem类详解及实战应用：用于在水平或垂直布局中创建灵活的空白空间间隔以调整布局中的控件位置和对齐方式
科技改变人类，技术成就未来
07-21 1351
QSpacerItem 提供了一种方便的方式来创建布局中的空白间隔，通过合理使用间隔项目和布局管理器，可以实现控件的精确对齐和排列。在实际应用中，通过动态调整间隔、设置自定义间隔大小和合理组合布局管理器，可以实现丰富多样的界面布局。注意处理间隔的添加和策略设置，确保布局中的控件按照预期排列和对齐。结合其他 Qt 控件和布局管理器，可以创建响应式和美观的用户界面，提高应用的用户体验和功能性。
PyQT5 （七十六）PyQt5直接用代码布局 -水平拖动垂直拖动调整控件之间的边界距离(QSplitter)
Ggome的博客
10-28 1367
PyQt5直接用代码布局 -水平拖动垂直拖动调整控件之间的边界距离(QSplitter) import sys from PyQt5.QtCore import Qt from PyQt5.QtGui import QIcon from PyQt5.QtWidgets import QHBoxLayout, QPushButton, QMessageBox, QApplication, QVBoxLayout, QWidget, \ QLabel, QGridLayout, QLin...
pyqt5 中的布局管理 设置控件间距 setSpacing
abc
04-02 7843
pyqt5 中的布局管理 设置控件间距 setSpacing pyQt5 快速开发与实战 page320
PyQt5布局管理(QBoxLayout（框布局）)
钢铁男儿
07-12 449
采用QBoxLayout类可以在水平和垂直方向上排列控件，QHBoxLayout和QVBoxLayout类继承自QBoxLayout类。
PYQT 设计师， 布局或者控件间有间隔，即使布局改为0还是有的解决办法
m0_56219944的博客
06-11 326
其实很很简单：进入样式表改为增加 border：0px；
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
09-17
### PyQt5布局控件QHBoxLayout详细使用方法与实例 #### PyQt5布局控件QHBoxLayout简介 在Python图形用户界面（GUI）开发中，PyQt5是广泛使用的库之一，它基于Qt框架，提供了丰富的功能来构建高效且美观的应用程序...
python GUI库图形界面开发之PyQt5布局控件QGridLayout详细使用方法与实例
12-20
- 设置控件之间的水平和垂直间距，`spacing`参数是你希望的间距值。 以下是一些使用QGridLayout构建GUI界面的例子： **单一的网格单元格实例：** 在这个例子中，创建了一个5x4的网格布局，并在每个单元格中添加了...
python图形开发GUI库pyqt5的详细使用方法及各控件的属性与方法
12-20
三、设置布局PyQt5提供多种布局管理器，如`QHBoxLayout`, `QVBoxLayout`, `QGridLayout`, 和 `QFormLayout`，用于自动调整控件的位置和大小。 - `QHBoxLayout`: 水平布局，将控件从左到右排列。 - `QVBoxLayout`: ...
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
12-20
总的来说，QVBoxLayout是PyQt5中用于垂直布局的工具，它允许我们方便地按从上到下的顺序排列控件。`addStretch()`函数则提供了灵活性，可以根据窗口大小的变化自动调整控件间的间距，以达到更好的用户界面体验。在...
Qt:布局中加间隔器(纯代码版）
qq_40762280的博客
09-23 1128
使用Qt开发界面过程中难免要用到布局，加入间隔器来达到自己想要的布局状态也成为必须掌握的方法。
PyQt5: chapter6-使用垂直布局
air_shark
05-01 1873
实例 创建基于Dialog without Buttons模板的窗口 添加两个Label，两个Line Edit，一个Push Button部件 设定Label部件的text为Name和Email Address 设定Push Button的text为Submit 左击text为Name的Label，然后按照Ctrl, 左击右侧的Line Edit部件，右键选择“布局”，选择水平布局 ...
Qt6教程：布局间距控件
DevNinja的博客
09-19 420
最后，我们将按钮和布局间距控件添加到布局中，并设置了布局的间距。通过创建布局间距控件，并将其添加到布局中，我们可以实现自定义的布局效果。通过运行上述代码，我们可以看到在主窗口中，按钮1和按钮2之间有一个固定的间距，由布局间距控件提供。在Qt6中，布局间距控件（Spacers）是一种常用的工具，用于在布局中创建空白区域，并调整布局中各个部件之间的间距。在创建布局时，我们可以使用布局间距控件来调整部件之间的间距。布局间距控件是一个空白的部件，它的大小可以根据需要进行调整，从而改变布局中部件之间的间距。
Python-PyQt5开发学习笔记(二)：Layout（布局）
weixin_51009494的博客
06-16 9289
本文简单的介绍一下Qt designer软件中对于控件布局的一些方法。在对这类知识进行学习时，不用对其定义（如：什么叫布局？）进行死板的记忆，但最好还是能在脑海中对其有一个q'xi
Qt QTextEdit设置行间距和段间距
热门推荐
smaller
04-15 1万+
QTextEdit 行距设置 段间距设置
不懂PyQt5垂直布局？只需3分钟即可学会
m0_71212744的博客
07-03 574
PyQt5中实现垂直布局，主要使用类。该布局管理器将子控件垂直排列，并可以根据需要自动调整大小。使用可以方便地构建从上到下排列的界面元素。
QT: Layout布局间消除间隙（修改layout内置参数）
Python研究所
01-28 1879
此文转载自：https://blog.csdn.net/sazass/article/details/113175760#commentBox 1.问题描述： layout布局时关于间隙的相关问题。 在设计布局时，为了绘制出边框效果，使用了Frame或者GroupBox布局，内部的控件使用Layout水平布局或者垂直布局，然后全局针对Frame进行了垂直布局，最后栅格化布局 简...
PyQt布局细节：控件对齐和紧贴放置
Mr_K_night的博客
03-27 1966
【代码】PyQt布局细节：控件对齐和紧贴放置。
pyqt5-多行文本框QTextEdit
m0_62653695的博客
07-08 2056
QTextEdit是多行文本框控件，用来显示多行的文本内容，当文本内容超出控件的显示范围，会自动出现滚动条。此外，QTextEdit不仅可以显示纯文本内容还可以显示HTML内容。
PyQt5 QGridLayout设置控件间距
最新发布
08-01
<think>我们被要求设置QGridLayout中控件之间的间距。根据引用[1]和引用[4]，我们可以使用`setSpacing()`方法来设置网格布局中所有控件之间的水平和垂直间距。此外，引用[4]中有一个例子：`layout.setSpacing(10)#设置间距`。 但是，需要注意的是，`setSpacing(int)`方法会同时设置水平间距和垂直间距。如果我们想要分别设置水平间距和垂直间距，可以使用`setHorizontalSpacing(int)`和`setVerticalSpacing(int)`方法。 因此，我们可以这样操作： 1. 创建网格布局对象 2. 使用`setHorizontalSpacing(int)`设置水平间距（控件之间的列间距） 3. 使用`setVerticalSpacing(int)`设置垂直间距（控件之间的行间距） 或者，如果水平和垂直间距相同，则可以使用`setSpacing(int)`一次性设置。 示例代码： ```python from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QGridLayout class Demo(QWidget): def __init__(self): super().__init__() self.setWindowTitle(&#39;GridLayout Spacing Demo&#39;) self.resize(300, 200) # 创建网格布局 grid_layout = QGridLayout() # 设置整个网格布局内控件之间的间距（水平和垂直相同） # grid_layout.setSpacing(20) # 设置20像素的间距 # 或者分别设置水平间距和垂直间距 grid_layout.setHorizontalSpacing(10) # 设置水平间距为10像素 grid_layout.setVerticalSpacing(20) # 设置垂直间距为20像素 # 添加按钮到网格布局 for i in range(3): for j in range(3): button = QPushButton(f&#39;Button {i},{j}&#39;) grid_layout.addWidget(button, i, j) self.setLayout(grid_layout) if __name__ == &#39;__main__&#39;: app = QApplication([]) demo = Demo() demo.show() app.exec_() ``` 在这个例子中，我们创建了一个3x3的网格布局，并分别设置了水平间距为10像素，垂直间距为20像素。运行后可以观察到按钮之间的水平间距比垂直间距小。 另外，引用[1]中提到，还可以使用`setSpacing(int spacing)`方法，该方法会同时设置水平和垂直间距为相同的值。如果我们使用`setSpacing(20)`，那么水平和垂直间距都是20像素。 所以，根据需求选择合适的方法即可。 注意：除了控件之间的间距，有时候我们可能还希望调整布局边缘的间距（即布局与父窗口边缘的距离）。这可以通过`setContentsMargins(left, top, right, bottom)`来设置，例如： ```python grid_layout.setContentsMargins(10, 10, 10, 10) # 设置左、上、右、下边距均为10像素 ``` 综上所述，设置QGridLayout控件间距的方法有两种： 1. 同时设置水平和垂直间距：`setSpacing(int)` 2. 分别设置：`setHorizontalSpacing(int)`和`setVerticalSpacing(int)` 另外，调整布局与窗口边缘的间距使用`setContentsMargins()`。 希望这个回答对您有帮助。 §§相关问题§§ 1. 如何在PyQt5中设置QGridLayout的行列比例？ 2. PyQt5中如何让QGridLayout中的控件随窗口大小变化？ 3. 如何移除QGridLayout中的控件？</think># PyQt5 QGridLayout 控件间距设置指南 在 PyQt5 中，设置 QGridLayout 的控件间距主要通过以下几个方法实现： ## 1. 设置整体间距（水平和垂直间距相同） ```python # 创建网格布局 grid_layout = QGridLayout() # 设置所有控件之间的间距为10像素 grid_layout.setSpacing(10) ``` ## 2. 分别设置水平和垂直间距 ```python # 设置水平间距（列间距） grid_layout.setHorizontalSpacing(15) # 15像素 # 设置垂直间距（行间距） grid_layout.setVerticalSpacing(8) # 8像素 ``` ## 3. 设置布局与父窗口的边距 ```python # 设置布局与父窗口边缘的间距（左, 上, 右, 下） grid_layout.setContentsMargins(20, 15, 20, 15) # 左20, 上15, 右20, 下15像素 ``` ## 完整示例代码 ```python import sys from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QGridLayout class GridLayoutDemo(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): self.setWindowTitle(&#39;QGridLayout 间距设置示例&#39;) self.setGeometry(300, 300, 400, 300) # 创建网格布局 grid = QGridLayout() # 设置整体间距 grid.setSpacing(10) # 所有控件间距10像素 # 设置布局边距（左, 上, 右, 下） grid.setContentsMargins(20, 15, 20, 15) # 添加按钮到网格布局 positions = [(i, j) for i in range(3) for j in range(3)] for position in positions: row, col = position button = QPushButton(f&#39;({row},{col})&#39;) grid.addWidget(button, row, col) self.setLayout(grid) if __name__ == &#39;__main__&#39;: app = QApplication(sys.argv) ex = GridLayoutDemo() ex.show() sys.exit(app.exec_()) ``` ## 高级间距控制技巧 ### 1. 设置行列比例 ```python # 设置行比例系数（第0行高度占1份，第1行高度占3份） grid.setRowStretch(0, 1) grid.setRowStretch(1, 3) # 设置列比例系数（第0列宽度占1份，第1列宽度占3份） grid.setColumnStretch(0, 1) grid.setColumnStretch(1, 3) ``` ### 2. 使用占位符创建空白区域 ```python # 添加一个占位符控件，占据空间但不显示 grid.addWidget(QLabel(), 2, 0, 1, 3) # 占据第2行，跨越3列 ``` ### 3. 控件跨越多行/多列时的间距控制 ```python # 添加一个跨越2行2列的按钮 button = QPushButton(&#39;跨行跨列&#39;) grid.addWidget(button, 0, 0, 2, 2) # 从(0,0)开始，跨越2行2列 # 设置该控件与其他控件的间距 grid.setRowMinimumHeight(0, 30) # 设置第0行最小高度 grid.setColumnMinimumWidth(0, 80) # 设置第0列最小宽度 ``` ## 注意事项 1. 间距设置应在添加控件**之前**完成，以确保所有控件应用相同的间距规则 2. 使用`setSpacing()`会覆盖单独设置的水平和垂直间距 3. 对于复杂布局，建议结合使用多种间距控制方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值