在一个布局容器中，有时可能需要调整各组件的显示比例，让界面达到更美观效果。

调整组件布局比例有两种办法：第一种是通过Qt Designer调整，另一种是使用addStretch()函数代码调整。

下面让我们来看看吧~

## 1、Qt Designer调整组件布局比例

在Qt Designer中放置Frame容器，容器中添加3个按钮组件，并进行水平布局设置。

![](https://developer.qcloudimg.com/http-save/yehe-8201782/365bbefa13845e1a53b246e6dfd54148.png)

 此时可以在layoutStretch属性中设置组件布局比例。

![](https://developer.qcloudimg.com/http-save/yehe-8201782/08bb500c4164feba358d925433e513f6.png)

例如，设置三个按钮组件比例是：3:1:1，此时效果如下所示：

![](https://developer.qcloudimg.com/http-save/yehe-8201782/cc0cc788496a2097ecbeb8515c8ed712.png)

分隔组件在GUI显示时是看不出来的，可以通过添加分隔组件（Horizontal Spacer（水平分隔）、Vertical  Spacer（垂直分隔））进行比例调整。

![](https://developer.qcloudimg.com/http-save/yehe-8201782/31c4e9e440bc7592b967185fa7b22d5c.png)

## 2、addStretch()函数调整组件布局比例

addStretch()函数可以在设置stretch伸缩量后，按比例分配剩余空间。addStretch()函数的具体使用请参考下表：

![](https://developer.qcloudimg.com/http-save/yehe-8201782/dccca2be008ba72e318e03f4a70381bd.png)

例如，一个布局管理器中有三个按钮控件，要求界面不随着父控件的伸缩而改变。代码实现如下所示：

```python
from PyQt5.QtWidgets import QApplication ,QWidget, QVBoxLayout , QHBoxLayout  ,QPushButton
import sys  
    
class WindowDemo(QWidget):  
    def __init__(self ):  
        super().__init__()
            
        btn1 = QPushButton(self)
        btn2 = QPushButton(self)
        btn3 = QPushButton(self)      
        btn1.setText('button 1')
        btn2.setText('button 2')
        btn3.setText('button 3')
        
        hbox = QHBoxLayout()
        # 设置伸缩量为1
        hbox.addStretch(1)
        hbox.addWidget( btn1 )
        # 设置伸缩量为1
        hbox.addStretch(1)
        hbox.addWidget( btn2 )
        # 设置伸缩量为1
        hbox.addStretch(1)
        hbox.addWidget( btn3 )
        # 设置伸缩量为1
        hbox.addStretch(1 )        
 
        self.setLayout(hbox)
        self.setWindowTitle("addStretch 例子")
                 
if __name__ == "__main__":  
    app = QApplication(sys.argv)  
    win = WindowDemo()  
    win.show()  
    sys.exit(app.exec_())
```

运行效果如下所示：

![](https://developer.qcloudimg.com/http-save/yehe-8201782/a6d4f7894a74c2bb64e89aa83664c37e.png)

可见，四个addStretch()函数用于在按钮间设置伸缩量，伸缩量的比例为1:1:1:1，意思是将按钮以外的空白地方等分为4份，并按照所设置的顺序放入按钮的布局管理器中。这样在每一个控件之间就都添加了伸缩量，所有控件之间的间距都会相同。

若在布局中使用addStretch()函数时候，在第一个控件之前添加伸缩控件，这样所有的控件就都会居右显示。代码实现如下所示：

```python
import sys
from PyQt5.QtWidgets import QApplication  ,QWidget ,QHBoxLayout , QPushButton
 
class Winform(QWidget):
	def __init__(self,parent=None):
		super(Winform,self).__init__(parent)
		self.setWindowTitle("水平布局管理例子") 
		self.resize(800, 50)
		
		# 水平布局按照从左到右的顺序进行添加按钮部件。
		hlayout = QHBoxLayout()  
        # 添加伸缩		
		hlayout.addStretch(0)
				
		hlayout.addWidget( QPushButton(str(1)) )
		hlayout.addWidget( QPushButton(str(2)) )
		hlayout.addWidget( QPushButton(str(3)))
		hlayout.addWidget( QPushButton(str(4)) )        
		hlayout.addWidget( QPushButton(str(5)) )    
        # 添加伸缩		
		#hlayout.addStretch(1)
			
		self.setLayout(hlayout)   
  
if __name__ == "__main__":  
	app = QApplication(sys.argv) 
	form = Winform()
	form.show()
	sys.exit(app.exec_())
```

运行效果如下所示：

![](https://developer.qcloudimg.com/http-save/yehe-8201782/8de66ba781817cd67b0b5b332596b55d.png)

同样道理，在最后一个控件之后添加伸缩控件，这样所有的控件就都会居左显示。

调整组件布局比例有两种办法：第一种是通过Qt Designer调整，另一种是使用addStretch()函数代码调整。

Python Qt GUI设计：如何调整组件布局比例？（拓展篇—1）

通过Qt Designer的layoutStretch属性和QBoxLayout.addStretch()函数，调整组件及剩余空间的布局比例。

嵌入式工程师

编程语言

Qt布局中调整组件显示比例可通过两种方式实现：利用Qt Designer的layoutStretch属性直接设置比例（如3:1:1），或使用addStretch()函数分配伸缩量。该方法支持控制组件间距、对齐方式，确保界面美观且不随父窗口缩放变形。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

Python Qt GUI设计：如何调整组件布局比例？（拓展篇—1）-腾讯云开发者社区-腾讯云

Python Qt GUI设计：如何调整组件布局比例？（拓展篇—1）

Python Qt GUI设计：如何调整组件布局比例？（拓展篇—1）

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐