Python Qt GUI设计:如何调整组件布局比例?(拓展篇—1)

举报
不脱发的程序猿 发表于 2021/10/10 00:16:30 2021/10/10
7.6k+ 0 0
【摘要】 目录 1、Qt Designer调整组件布局比例 2、addStretch()函数调整组件布局比例 在一个布局容器中,有时可能需要调整各组件的显示比例,让界面达到更美观效果。 调整组件布局比例有两种办法:第一种是通过Qt Designer调整,另一种是使用addStretch()函数代码调整。 下面让我们来看看吧~ 1、Q...

目录

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

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


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

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

下面让我们来看看吧~

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

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

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

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

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

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

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

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


      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_())
  
 

运行效果如下所示:

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

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


      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_())
  
 

运行效果如下所示:

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

文章来源: handsome-man.blog.csdn.net,作者:不脱发的程序猿,版权归原作者所有,如需转载,请联系作者。

原文链接:handsome-man.blog.csdn.net/article/details/120625514

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。