pyqt5给布局添加边框|极客教程

pyqt5给布局添加边框

在使用PyQt5进行界面布局设计时，有时候我们希望在布局元素之间添加一些边框，以增加界面的美观性和可读性。在PyQt5中，我们可以通过设置相应的样式表来实现给布局元素添加边框的效果。本文将详细解释如何在PyQt5中给布局添加边框。

1. 创建简单的PyQt5窗口

首先，我们需要创建一个简单的PyQt5窗口，以便后续在窗口中添加布局并设置边框样式。下面是一个简单的PyQt5窗口的示例代码：

import sys
from PyQt5.QtWidgets import QApplication, QWidget

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setWindowTitle('PyQt5布局添加边框示例')
        self.setGeometry(100, 100, 400, 300)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MyWindow()
    window.show()
    sys.exit(app.exec_())

上面的代码创建了一个简单的PyQt5窗口，窗口的标题为”PyQt5布局添加边框示例”，大小为400×300。

2. 添加布局并设置边框样式

接下来，我们将在上述的PyQt5窗口中添加布局，并设置边框样式。我们将分别演示如何给QVBoxLayout和QHBoxLayout添加边框。

2.1 给QVBoxLayout添加边框

首先，我们创建一个QVBoxLayout并在其中添加一些QPushButton作为子控件。然后，我们可以通过设置样式表来为QVBoxLayout添加边框。

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setWindowTitle('PyQt5布局添加边框示例')
        self.setGeometry(100, 100, 400, 300)

        layout = QVBoxLayout()
        layout.addWidget(QPushButton('Button 1'))
        layout.addWidget(QPushButton('Button 2'))
        layout.addWidget(QPushButton('Button 3'))

        # 设置QVBoxLayout的边框样式
        layout.setContentsMargins(10, 10, 10, 10)
        layout.setSpacing(10)

        self.setLayout(layout)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MyWindow()
    window.show()
    sys.exit(app.exec_())

在上述代码中，我们首先创建了一个QVBoxLayout并在其中添加了三个QPushButton。然后，我们通过调用setContentsMargins方法来设置QVBoxLayout的边框样式，这里设置了上下左右各自为10个像素的边框。同时，我们还调用setSpacing方法来设置QVBoxLayout布局元素之间的间距。

2.2 给QHBoxLayout添加边框

类似地，我们可以对QHBoxLayout也进行边框样式的设置。下面是一个示例代码：

import sys
from PyQt5.QtWidgets import QApplication, QWidget, QHBoxLayout, QPushButton

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.setWindowTitle('PyQt5布局添加边框示例')
        self.setGeometry(100, 100, 400, 300)

        layout = QHBoxLayout()
        layout.addWidget(QPushButton('Button 1'))
        layout.addWidget(QPushButton('Button 2'))
        layout.addWidget(QPushButton('Button 3'))

        # 设置QHBoxLayout的边框样式
        layout.setContentsMargins(10, 10, 10, 10)
        layout.setSpacing(10)

        self.setLayout(layout)

if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = MyWindow()
    window.show()
    sys.exit(app.exec_())

在上面的代码中，我们创建了一个QHBoxLayout并在其中添加了三个QPushButton。然后，通过调用setContentsMargins方法来设置QHBoxLayout的边框样式，同样设置了上下左右各自为10个像素的边框，并调用setSpacing方法来设置布局元素之间的间距。