075.PyQt5_QBoxLayout_盒子布局基类

已于 2023-12-28 10:15:12 修改
阅读量608 收藏 1
点赞数 1
分类专栏： Python GUI 文章标签： pyqt5 python gui python pyqt qt
于 2023-05-16 21:35:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50296259/article/details/130714639
版权

  

我 的 个 人 主 页：👉👉 失心疯的个人主页 👈👈
入 门 教 程 推 荐 ：👉👉 Python零基础入门教程合集 👈👈
虚 拟 环 境 搭 建 ：👉👉 Python项目虚拟环境(超详细讲解) 👈👈
PyQt5 系 列 教 程：👉👉 Python GUI(PyQt5)文章合集 👈👈
Oracle数据库教程：👉👉 Oracle数据库文章合集 👈👈
优 质 资 源 下 载 ：👉👉 资源下载合集 👈👈

  • 描述
    • 提供水平或垂直方向的布局管理器
    • 一般很少直接用，会选择用两个封装好的子类QHBoxLayout和QVBoxLayout
  • 功能作用 
    QBoxLayout(QBoxLayout.Direction, parent: QWidget = None)
# parent一般都不写
# 参数：QBoxLayout.Direction方向
#       QBoxLayout.LeftToRight          # 从左到右水平布局
#       QBoxLayout.RightToLeft          # 从右到左水平布局
#       QBoxLayout.TopToBottom          # 从上到下垂直布局
#       QBoxLayout.BottomToTop          # 从下到上垂直布局
    • 构造函数
    • 父控件方法
      • 元素之间的间距 
        setSpacing(int)                 # 设置元素与元素之间的间距
spacing -> int                 # 获取元素与元素之间的距离
      • 设置外边距 
        setContentsMargins(int leftt,int top , int right, int bottom)           # 设置子控件与父控件边框之间的距离左、上、右、下

contentsMargins() ->QMargins                                            # 获取子控件与父控件边框之间的距离
# 在大多数平台上，边距在所有方向上都是11像素
      • 添加子控件 
        addWidget(QWidget w)                                                    # 添加子控件
      • 替换子控件 
        replaceWidget(self, QWidget, QWidget, options: Union[Qt.FindChildOptions, Qt.FindChildOption] = Qt.FindChildrenRecursively) -> QLayoutItem
# 被替换的控件,不再被此布局管理，需要将其隐藏、删除或者重新添加到新的布局中
# 通过QWidget.hide() 隐藏子控件,调用show()方法会让子控件再次参与布局
# 如果需要删除(释放)该控件，可以通过让其不再被任何控件引用，即将其父控件取消（父对象设置为空）QWidget.setParent(None)
      • 添加子布局 
        addLayout(QLayout layout)                   # 添加子布局管理器
      • 能用性 
        setEnabled(bool)                            # 设置布局管理器是否生效
isEnabled()->bool                           # 判断布局管理器是否生效
    • 修改方向 
      setDirection(self, QBoxLayout.Direction)        # 设置布局方向
direction()->QBoxLayout.Direction               # 获取布局方向
    • 添加元素
      • 添加控件 
        # 添加控件的同时设置伸缩因子(尺寸占比)
addWidget(self, QWidget, stretch: int = 0, alignment: Union[Qt.Alignment, Qt.AlignmentFlag] = Qt.Alignment()) 

# 插入控件到指定索引位置的同时设置伸缩因子(尺寸占比)
insertWidget(self, int, QWidget, stretch: int = 0, alignment: Union[Qt.Alignment, Qt.AlignmentFlag] = Qt.Alignment())
      • 添加子布局 
        # 添加子布局的同时设置伸缩因子(尺寸占比)
addLayout(self, QLayout, stretch: int = 0)

# 插入子布局到指定索引位置的同时设置伸缩因子(尺寸占比)
insertLayout(self, int, QLayout, stretch: int = 0)
      • 替换控件 
        # 父类的方法
replaceWidget(self, QWidget, QWidget, options: Union[Qt.FindChildOptions, Qt.FindChildOption] = Qt.FindChildrenRecursively) -> QLayoutItem
# 被替换的控件,不再被此布局管理，需要将其隐藏、删除或者重新添加到新的布局中
# 通过QWidget.hide() 隐藏子控件,调用show()方法会让子控件再次参与布局
# 如果需要删除(释放)该控件，可以通过让其不再被任何控件引用，即将其父控件取消（父对象设置为空）QWidget.setParent(None)
      • 移除控件 
        removeWidget(self, QWidget)                         # 移除子控件
# 被移除的控件,不再被此布局管理，需要将其隐藏、删除或者重新添加到新的布局中
# 如果需要删除(释放)该控件，可以通过让其不再被任何控件引用，即将其父控件取消（父对象设置为空）QWidget.setParent(None)

QWidget.hide()                                      # 隐藏子控件
# 通过QWidget.hide() 隐藏子控件,调用show()方法会让子控件再次参与布局
      • 添加空白 
        addSpacing(self, int)                               # 在最后位置添加指定宽度的空白
insertSpacing(self, int, int)                       # 在指定索引位置插入指定宽度的空白
        • 设置元素间的间距是调整所有元素之间的间距
        • 添加空白可以修改指定两个元素之间的距离
      • 添加空白伸缩因子（弹簧） 
        addStretch(self, stretch: int = 0)                  # 在最后位置添加空白伸缩因子的同时设置尺寸占比
insertStretch(self, int, stretch: int = 0)          # 在指定索引位置插入空白伸缩因子的同时设置尺寸占比

stretch(self, int) -> int                           # 获取指定索引位置的空白伸缩因子，返回其尺寸占比
        • 当父控件尺寸不够大时，空白伸缩因子尺寸会被压缩为0
        • 当伸缩因子和子控件都不设置占比时，伸缩因子占比优先，即会将控件压缩到最小尺寸
      • 注意：插入元素时，索引位置只会根据插入元素时计算已有的元素索引
    • 设置伸缩因子 
      setStretch(self, int, int)                              # 给指定索引位置的元素设置伸缩因子的同时设置占比
setStretchFactor(self, QWidget, int) -> bool            # 给指定子控件设置伸缩因子的同时设置占比，返回是否成功
setStretchFactor(self, QLayout, int) -> bool            # 给指定子布局设置伸缩因子的同时设置占比，返回是否成功

# 当子控件/子布局不由当前布局管理器管理则会设置失败，返回False
    • 设置边距 
      setContentsMargins(self, int, int, int, int)            # 设置外边距
setSpacing(self, int)                                   # 设置内边距，元素与元素之间的距离
  • 代码示例
  • 示例1：QLayout\QBoxLayout-功能作用
  • QLayout是抽象类，不能直接实例化。只能通过子类化示例 
    from PyQt5.Qt import *
import sys

class Windows(QWidget):
    def __init__(self):
        super().__init__()
        self.setWindowTitle('QBoxLayout-功能作用')
        self.resize(500, 500)
        self.widget_list()

    def widget_list(self):
        self.add_widget()


    def add_widget(self):
        # 创建子控件
        labe1 = QLabel('标签1')
        labe1.setStyleSheet('background-color: cyan;')
        labe2 = QLabel('标签2')
        labe2.setStyleSheet('background-color: yellow;')
        labe3 = QLabel('标签3')
        labe3.setStyleSheet('background-color: green;')

        labe4 = QLabel('标签4')
        labe4.setStyleSheet('background-color: red;')
        labe5 = QLabel('标签5')
        labe5.setStyleSheet('background-color: blue;')
        labe6 = QLabel('标签6')
        labe6.setStyleSheet('background-color: orange;')

        labe7 = QLabel('标签7')
        labe7.setStyleSheet('background-color: yellow;')
        labe8 = QLabel('标签8')
        labe8.setStyleSheet('background-color: orange;')

        # 1. 创建布局管理器
        layout = QBoxLayout(QBoxLayout.LeftToRight)        # 从左到右，水平布局
        # layout = QBoxLayout(QBoxLayout.RightToLeft)        # 从右到左，水平布局
        # layout = QBoxLayout(QBoxLayout.TopToBottom)        # 从上到下，垂直布局
        # layout = QBoxLayout(QBoxLayout.BottomToTop)        # 从下到上，垂直布局

        # 2. 将布局管理器设置给父控件
        self.setLayout(layout)

        # 3. 将子控件添加到布局管理器中
        # layout.addWidget(labe1)
        # layout.addWidget(labe2)
        # layout.addWidget(labe3)

        pass    # 父控件的功能作用
        # pass    # 设置元素之间的距离
        # layout.setSpacing(20)
        #
        # pass    # 设置外边距
        # layout.setContentsMargins(10, 20, 30, 40)
        #
        # pass    # 添加子控件
        # layout.addWidget(labe4)
        #
        # pass    # 替换子控件
        # layout.replaceWidget(labe4, labe5)
        # # labe4.hide()
        # labe4.setParent(None)
        #
        # pass    # 添加子布局
        # # 创建布局管理器
        # v_layout = QBoxLayout(QBoxLayout.TopToBottom)
        # # 添加子控件到布局管理器中
        # v_layout.addWidget(labe4)
        # v_layout.addWidget(labe6)
        # # 主布局管理器添加子布局管理器
        # layout.addLayout(v_layout)
        #
        # pass    # 布局管理器可用性
        # # layout.setEnabled(False)

        # pass    # 修改方向
        layout.setDirection(QBoxLayout.TopToBottom)
        #
        # pass    # 添加子控件
        # # # 添加子控件的同时设置伸缩因子
        # # layout.addWidget(labe4, 1)
        # # 在指定索引位置插入子控件的同时设置伸缩因子
        # layout.insertWidget(1, labe4, 1)
        #
        # pass    # 添加子布局
        # h_layout = QBoxLayout(QBoxLayout.LeftToRight)
        # h_layout.addWidget(labe5)
        # h_layout.addWidget(labe6)
        #
        # # # 添加子布局的同时设置伸缩因子
        # # layout.addLayout(h_layout, 2)
        # # 在指定索引位置插入子布局的同时设置伸缩因子
        # layout.insertLayout(0, h_layout, 2)
        #
        # pass    # 替换控件
        # layout.replaceWidget(labe4, labe7)
        # labe4.setParent(None)
        #
        # pass    # 移除控件
        # layout.removeWidget(labe2)
        # # labe2.setParent(None)         # 测试这个好像不设置也没有问题
        # print(labe2.parent())
        #
        # labe7.hide()                    # 隐藏控件
        # labe7.show()                    # 显示控件

        pass    # 添加空白
        # 在最后位置添加指定宽度的空白
        # layout.addSpacing(50)
        # 在指定索引位置插入指定宽度的空白
        # layout.insertSpacing(1, 100)

        pass    # 伸缩因子
        # 添加子控件的同时设置伸缩因子
        # layout.addWidget(labe1, 1)
        # layout.addWidget(labe2, 1)
        # layout.addWidget(labe3, 1)
        # layout.addWidget(labe4, 1)
        # # 添加空白伸缩因子
        # # layout.addStretch(1)
        # # 在指定索引位置插入空白伸缩因子
        # layout.insertStretch(3, 2)

        pass    # 设置伸缩因子
        layout.addWidget(labe1)
        layout.addWidget(labe2)
        layout.addWidget(labe3)
        layout.addWidget(labe4)

        h_layout = QBoxLayout(QBoxLayout.LeftToRight)
        h_layout.addWidget(labe5)
        h_layout.addWidget(labe6)
        layout.addLayout(h_layout)

        # 给指定索引位置的元素设置伸缩因子
        layout.setStretch(0, 1)
        layout.setStretch(1, 1)
        layout.setStretch(2, 1)
        layout.setStretch(3, 1)
        layout.setStretch(4, 1)

        # 给指定子控件设置伸缩因子
        layout.setStretchFactor(labe3, 5)

        # 给指定子布局设置伸缩因子
        layout.setStretchFactor(h_layout, 4)

        pass    # 设置边距
        # 继承自同父类中的方法
       


if __name__ == '__main__':
    app = QApplication(sys.argv)
    window = Windows()

    window.show()
    sys.exit(app.exec_())

076.QHBoxLayout_水平盒子布局

  • 描述
    • 提供水平方向的布局管理器
    • 也可以通过setDirection(self, QBoxLayout.Direction)来修改布局方向
  • 功能作用
    • 构造函数 
      QHBoxLayout()
QHBoxLayout(QWidget)
    • 其他全部继承自父类

077.QVBoxLayout_垂直盒子布局

  • 描述
    • 提供垂直方向的布局管理器
    • 也可以通过setDirection(self, QBoxLayout.Direction)来修改布局方向
  • 功能作用
    • 构造函数 
      QVBoxLayout()
QVBoxLayout(QWidget)
    • 其他全部继承自父类
失心疯_2023
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
12-20
PyQt5布局控件QHBoxLayout简介 采用QBOXLayout类可以在水平和垂直方向上排列控件，QHBoxLayout和QVBoxLayout类继承自QBoxLayout 采用QHBoxLayout类，按照从左到右的顺序来添加控件 QHBoxLayout类中常用的方法如下 方法 描述 addLayout(self,stretch=0) 在窗口的右边添加布局，使用stretch（伸缩量）进行伸缩，伸缩量默认为0 addWidget(self,QWidget.stretch,Qt.Alignmeny alihnment) 在布局中添加控件 stretch（伸缩量），
pyqt QBoxLayout
boss212的博客
08-05 847
#说一下思路： #第一步：产生widget，pushbutton，和label，并设置Widge的title（5行） #第二步：产生行方向的layout，然后拉伸，然后把label那个widget放进去，再拉伸（4行） #第三步：产生列方向的layout，然后把button那个widget放进去，再把前面那个layout也放进去 （3行） #第四步：把列方向的layout放进到大widget里头
PyQt5快速开发与实战 6.4 QBoxLayout(框布局)
谢谢你们的关注
07-29 1295
PyQt5快速开发与实战 6.4 QBoxLayout(框布局)
python PyQt5 QVBoxLayout 垂直布局管理
Dontla的博客
04-20 2815
https://doc.qt.io/qtforpython/PySide2/QtWidgets/QVBoxLayout.html?highlight=qvboxlayout#PySide2.QtWidgets.QVBoxLayout 文章目录继承关系细节描述 继承关系 细节描述 此类用于构造垂直框布局对象。 有关详细信息，请参见QBoxLayout。 该类的最简单用法是这样的：（不过直接运行不了...
0.zip_pyqt jpg预览_pyqt5_pyqt5打开_pyqt打开文件夹_qfiledialog
07-13
这个"0.zip_pyqt jpg预览_pyqt5_pyqt5打开_pyqt打开文件夹_qfiledialog"的主题主要涉及使用PyQt5来实现对jpg图片的预览功能，以及通过QFileDialog组件来打开和选择文件夹。下面我们将详细讨论这些知识点。 首先，...
PyQt5 tutorial.rar_pyqt_pyqt5_python qt_python pyqt_python pyqt
07-15
PyQt5 tutorial.pdf 学习Qt和python的好资料。详细介绍了pyqt的各种接口，类，使用方法，例子等。
pyqt5_python_Gui入门教程.rar_gui python_pyqt5_pyqt5 界面_python pyqt5_
07-15
这份"pyqt5_python_Gui入门教程.pdf"涵盖了这些基本概念和更多实用技巧，是你学习Python图形界面编程的理想资料。通过阅读和跟随教程中的例子，你将能够逐步理解并掌握PyQT5的使用，从而提升你的Python GUI开发能力...
pyqt5_tools-5.15.2.3-py3-none-any.whl
12-27
pyqt5_tools-5.15.2.3-py3-none-any.whl
PyQt5_Qt5-5.15.2-py3-none-manylinux2014_x86_64.whl
06-21
安装python3的pyqt5中58M大小的安装包，可以先行下载安装
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
08-24
主要介绍了python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例,需要的朋友可以参考下
PyQt6 垂直布局Vertical Layout (QVBoxLayout)
最新发布
java1234的博客
12-09 985
垂直布局Vertical Layout属与线性布局，线性布局是将放入其中的组件按照垂直或水平方向来布局，也就是控制放入其中的组件横向排列或纵向排列。其中，将纵向排列的称为垂直线性布局管理器。
python写前端图形界面_python GUI库图形界面开发之PyQt5布局控件QVBoxLayout具体使用方法与实例...
weixin_36370128的博客
03-02 420
PyQt5布局控件QVBoxLayout简介使用QVBoxLayout类，按照从上到下的顺序添加控件本节内容较少，演示两个实例，便于明白QVBoxLayout(垂直布局)的使用QVBoxLayout的正常使用实例import sysfrom PyQt5.QtWidgets import QApplication ,QWidget ,QVBoxLayout , QPushButtonclass Wi...
PyQt5最全71 布局之QVBoxLayout垂直盒布局
爱吃肉的牛牛的博客
12-14 839
PyQt5最全71 布局之QVBoxLayout垂直盒布局 import sys from PyQt5.QtWidgets import * class VBoxLayout(QWidget): """ 垂直盒布局：QVBoxLayout """ def __init__(self): super(VBoxLayout, self).__init__() self.setWindowTitle('垂直盒布局') layo
掌财社得一:Python如何修改单列QVBoxLayout为多列?
weixin_45378258的博客
07-21 70
, QMainWindow, QPushButton, QVBoxLayout, QWidget, ) import sip class TestCase(QMainWindow): def __init__(self): super().__init__() test = QWidget() self.setCentralWidget(test) layout = QVBoxLayout(test).
【PyQt学习篇 · ⑫】：QVBoxLayout和QHBoxLayout布局管理器的使用
Oh_Python的博客
12-05 3397
QVBoxLayout 和 QHBoxLayout 是 PyQt 中用于实现垂直和水平布局的两个布局管理器。QVBoxLayout 可以按照从上到下的方式垂直排列控件。使用方法可以添加弹性空间，将控件推至布局的顶部或底部。使用方法可以将控件添加到布局中，可以添加 QLabel、QPushButton等等控件。使用方法可以添加其他嵌套的布局管理器。可以使用方法设置控件之间的间距。QVBoxLayout和QHBoxLayout中可以使用方法设置布局中的对齐方式，如。
Qt 第22课、布局管理器（一）QBoxLayout
大大怪将军的博客
12-11 768
1、布局管理器（layout：布局） — 能够自动排列窗口中的界面组件 — 窗口变化后自动更新界面组件的大小 QLayout 是 Qt 中布局管理器的抽象基类 通过继承QLayout 实现功能各异且互补的布局管理器 Qt 中可以根据需要自定义布局管理器 布局管理器不是界面组件，而是界面部件的定位策略（在界面中不可见，是窗口的帮手） 2、介绍 QBoxLayout 布局管理器 — 以水平或垂直的...
PyQt5 布局Layout（QHBoxLayout,QVBoxLayout,QGridLayout,QFormLayout,QStackedLayout,QStackedWidget）
SongYuLong
11-16 1204
【代码】PyQt5 Layout布局。
『pyqt5 从0基础开始项目实战』02. 页面布局设计（保姆级图文）
MZH
04-08 1453
『pyqt5 从0基础开始项目实战』02. 页面布局设计（保姆级图文）
QBoxlayout
11-17
QBoxLayout是一个布局管理器，用于在Qt应用程序中管理小部件的位置和大小。它可以在水平或垂直方向上排列小部件，并且可以根据需要自动调整小部件的大小。以下是使用QHBoxLayout和QVBoxLayout创建QBoxLayout的示例： 1. 使用QHBoxLayout创建水平布局： ```python from PyQt5.QtWidgets import QHBoxLayout, QPushButton, QWidget # 创建一个QWidget作为父窗口 widget = QWidget() # 创建一个QHBoxLayout对象 layout = QHBoxLayout() # 创建两个QPushButton对象 button1 = QPushButton('Button 1') button2 = QPushButton('Button 2') # 将QPushButton添加到QHBoxLayout中 layout.addWidget(button1) layout.addWidget(button2) # 将QHBoxLayout设置为QWidget的布局 widget.setLayout(layout) # 显示QWidget widget.show() ``` 2. 使用QVBoxLayout创建垂直布局： ```python from PyQt5.QtWidgets import QVBoxLayout, QPushButton, QWidget # 创建一个QWidget作为父窗口 widget = QWidget() # 创建一个QVBoxLayout对象 layout = QVBoxLayout() # 创建两个QPushButton对象 button1 = QPushButton('Button 1') button2 = QPushButton('Button 2') # 将QPushButton添加到QVBoxLayout中 layout.addWidget(button1) layout.addWidget(button2) # 将QVBoxLayout设置为QWidget的布局 widget.setLayout(layout) # 显示QWidget widget.show() ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

失心疯_2023

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值