Python界面(GUI)编程PyQt5之布局管理

@高效码农  August 21, 2020

一、简介

PyQt5布局一般可分为:

  • QHBoxLayout: 横向布局
  • QVBoxLayout: 纵向布局
  • QGridLayout: 表格布局
  • QStackedLayout: 堆砌布局

下面我们一一介绍这几种布局,为了更直观的表现布局,我们先设计一个组件并涂上颜色:

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        widget = Color('red')
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数,QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

二、QVBoxLayout 垂直布局

使用QVBoxLayout,可以将小部件线性地排列在另一个下面。将把新的小部件添加到列的底部。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout = QVBoxLayout()

        layout.addWidget(Color('red'))
        layout.addWidget(Color('green'))
        layout.addWidget(Color('blue'))
        
        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数,QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行效果:
2020-08-21T02:11:25.png

三、QHBoxLayout 水平布局

小部件将会其添加到右侧。要使用它,我们只需将更QVBoxLayout改为即可QHBoxLayout。

 # layout = QVBoxLayout()
 layout = QHBoxLayout()

运行效果:
2020-08-21T02:14:06.png

四、嵌套布局

对于更复杂的布局,可以使用布局上的. addlayout将布局嵌套在另一个布局中。下面我们将QVBoxLayout添加到主QHBoxLayout中。如果我们向QVBoxLayout中添加一些小部件,它们将被垂直地排列在父布局的第一个槽中。

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout1 = QHBoxLayout()
        layout2 = QVBoxLayout()
        layout3 = QVBoxLayout()

        layout2.addWidget(Color('red'))
        layout2.addWidget(Color('yellow'))
        layout2.addWidget(Color('purple'))

        layout1.addLayout( layout2 )

        layout1.addWidget(Color('green'))

        layout3.addWidget(Color('red'))
        layout3.addWidget(Color('purple'))
        
        layout1.addLayout( layout3 )
        
        widget = QWidget()
        widget.setLayout(layout1)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数,QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行效果:

2020-08-21T02:16:05.png

可以使用. setcontentmargin设置布局周围的间距,也可以使用. setspacing设置元素之间的间距。

五、QGridLayout 网格布局

尽管QVBoxLayout和QHBoxLayout很有用,但是如果你尝试使用QVBoxLayout和QHBoxLayout来布局多个元素,比如一个表单,你会发现很难确保不同大小的小部件排列在一起。对此的解决方案是QGridLayout。

2020-08-21T02:19:16.png

QGridLayout允许明确地在网格中定位项。为每个小部件指定行和列位置。也可以跳过元素,它们将被保留为空。

有用的是,对于QGridLayout,不需要填充网格中的所有位置。
2020-08-21T02:20:43.png

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout = QGridLayout()

        layout.addWidget(Color('red'), 0, 0)
        layout.addWidget(Color('green'), 1, 0)
        layout.addWidget(Color('blue'), 1, 1)
        layout.addWidget(Color('purple'), 2, 1)

        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数,QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行结果:
2020-08-21T02:21:42.png

六、QStackedLayout 堆砌布局

此布局允许您将元素直接放置在另一个元素的前面。然后可以选择要显示的小部件。您可以使用它在图形应用程序中绘制层,或用于模仿类似于选项卡的界面。注意,还有QStackedWidget,它是一个容器小部件,工作方式完全相同。如果您想使用. setcentralwidget将堆栈直接添加到QMainWindow,那么这将非常有用。

2020-08-21T02:24:56.png

from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *

# 仅用于访问命令行参数
import sys

class Color(QWidget):

    def __init__(self, color, *args, **kwargs):
        super(Color, self).__init__(*args, **kwargs)
        self.setAutoFillBackground(True)
        
        palette = self.palette()
        palette.setColor(QPalette.Window, QColor(color))
        self.setPalette(palette)


# 子类QMainWindow来定制你的应用程序的主窗口
class MainWindow(QMainWindow):

    def __init__(self, *args, **kwargs):
        super(MainWindow, self).__init__(*args, **kwargs)
        
        self.setWindowTitle("高效码农")

        layout = QStackedLayout()

        layout.addWidget(Color('red'))
        layout.addWidget(Color('green'))
        layout.addWidget(Color('blue'))
        layout.addWidget(Color('yellow'))
        
        layout.setCurrentIndex(3)

        widget = QWidget()
        widget.setLayout(layout)
        self.setCentralWidget(widget)


# 每个应用程序需要一个(且只有一个)QApplication实例。
# 如果确定不会使用命令行参数,QApplication([])也可以。
app = QApplication(sys.argv)

window = MainWindow()
window.show() # 重要!!!!! Windows 默认是隐藏的.

# 启动.
app.exec_()

运行效果:
2020-08-21T02:27:53.png

可以看到所有的颜色都被黄色覆盖


添加新评论