QSpacerItem简介

在使用QT进行页面ui设计的时候，经常需要使用QSpacerItem 来辅助我们完成界面的布局。在QT Designer界面中, QSpacerItem对应WiggetBox栏中的Spacers子项，并分成Horizontal Spacer 和 Vertical Spacer两种形式，并相应地用水平和垂直的“弹簧”图标来表示，这两个“弹簧”图标形象地表示了Horizontal Spacer和 Vertical Spacer作用，即在我们调整窗口尺寸时，分别在水平和垂直方向上将窗口中的部件推到我们期望的位置。

在代码中使用Spacer的方式有两种：

方式一，隐含在布局管理器的方法中，直接调用布局管理器中相应的方法就可以达到目的，布局管理器提供了以下方法

• QBoxLayout.addSpacing()
• QBoxLayout.insertSpacing()
• QBoxLayout.addStretch()
• QBoxLayout.insertStretch()
• QGridLayout.setRowStretch()
• QGridLayout.setColumnStretch()

方法二，使用QSpacerItem创建水弹簧或(和)垂直弹簧，使用布局管理器的addItem方法将其添加到需要的位置。

QSpacerItem类继承关系: QtWidgets.QSpacerItem

测试QSpacerItem

假设我们要实现这样一个布局，在窗口的底端有三个按钮，分别为“确定”，“取消”和“退出”，“确定”，“取消”在底端靠左，“退出”按钮在底端靠右，在窗口尺寸发生改变的时候，按钮始终按上面的要求排列。要实现的窗口布局下图所示：

创建文件qspaceritem.py,完整代码如下：

import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtWidgets import (QApplication, QWidget, QPushButton, QSpacerItem, 
                             QVBoxLayout, QHBoxLayout, QSizePolicy)
 
class DemoSpacer(QWidget):
    def __init__(self, parent=None):
        super(DemoSpacer, self).__init__(parent)
        
        # 设置窗口标题
        self.setWindowTitle('实战PyQt5: Spacer Demo!')      
        # 设置窗口大小
        self.resize(400, 240)
        
        #垂直布局管理
        vLayout = QVBoxLayout(self)
        #垂直Spacer
        vSpacer = QSpacerItem(20, 20, QSizePolicy.Minimum, QSizePolicy.Expanding)
        #水平布局管理
        hLayout = QHBoxLayout(self)
        #确定按钮
        btn_ok = QPushButton('确定', self)
        #取消按钮
        btn_cancel = QPushButton('取消', self)
        #水平Spacer
        hSpacer = QSpacerItem(20, 20, QSizePolicy.Expanding, QSizePolicy.Minimum)
        #退出按钮
        btn_exit = QPushButton('退出', self)
        
        hLayout.addWidget(btn_ok)
        hLayout.addWidget(btn_cancel)
        hLayout.addItem(hSpacer)
        hLayout.addWidget(btn_exit)
        
        vLayout.addItem(vSpacer)
        vLayout.addLayout(hLayout)
                     
if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = DemoSpacer()
    window.show()
    sys.exit(app.exec()) 

运行结果如下图：

本文知识点

• 使用QSpacerItem控制布局效果

喜欢本文内容就收藏，点赞，评论，关注和转发。