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

目录

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


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


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


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


下面让我们来看看吧~


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

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


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


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


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


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


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


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


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


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

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


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


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


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

运行效果如下所示:


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


可见,四个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_())

运行效果如下所示:


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


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


上一篇:几句话让你明白:分析ARP协议、图文拆解交换机/路由器转发原理


下一篇:《iOS组件与框架——iOS SDK高级特性剖析》——第2章,第2.4节地图注释和覆盖层