首页 > 其他分享 >8.PyQt5【布局组件】容器布局-QGroupBox

8.PyQt5【布局组件】容器布局-QGroupBox

时间:2023-01-16 10:45:03浏览次数:40  
标签:容器 QGroupBox self 布局 PyQt5 组件 layout

一、前言

本节我们介绍布局组件中的容器布局QGroupBox。

二、学习目标

1.QGroupBox容器布局的应用

三、知识点

1.【QGroupBox容器布局的应用】

容器布局将容器控件(Container)与布局管理器结合,先用容器控件将窗口分为若干区域,再在每个区域内加入布局管理器。

  • 添加步骤

    1)创建容器实例:QGroupBox()

    2)创建布局实例

    3)创建子组件,如按钮组件

    4)为布局添加子组件:addWidget()

    5)为容器内设置布局:setLayout()

    6)创建窗体总布局

    7)窗体总布局内添加容器

    8)为窗体设置总布局

  • 代码示例

    import sys
    from PyQt5.QtWidgets import QApplication, QWidget, QGroupBox, QHBoxLayout, QPushButton, QVBoxLayout
    
    
    class QmyWidget(QWidget):
    
        def __init__(self, parent=None):
            super().__init__(parent)  # 调用父类的构造函数,创建QWidget窗体
            self.setupUi()
    
        def setupUi(self):
            """页面初始化"""
            # 1.创建容器实例
            self.groupBox = QGroupBox('容器')
            # 2.创建布局实例
            self.layout = QHBoxLayout()
            # 3.创建子组件,如按钮组件
            self.button1 = QPushButton("Button1")
            self.button2 = QPushButton("Button2")
            self.button3 = QPushButton("Button3")
            self.button4 = QPushButton("Button4")
            # 4.为布局添加子组件
            self.layout.addWidget(self.button1)
            self.layout.addWidget(self.button2)
            self.layout.addWidget(self.button3)
            self.layout.addWidget(self.button4)
            # 5.为容器设置布局
            self.groupBox.setLayout(self.layout)
            # 6.创建窗体总布局
            self.main_layout = QVBoxLayout()
            # 7.窗体总布局内添加容器
            self.main_layout.addWidget(self.groupBox)
            # 8.为窗体设置总布局
            self.setLayout(self.main_layout)
    
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        myMain = QmyWidget()
        myMain.show()
        sys.exit(app.exec_())
    

标签:容器,QGroupBox,self,布局,PyQt5,组件,layout
From: https://www.cnblogs.com/ckxingchen/p/17054859.html

相关文章

  • 10.PyQt5【基本组件】标签-QLabel
    一、前言QLabel对象充当占位符以显示不可编辑的文本或图像,或动画GIF电影。它也可以用作其他小部件的助记键。标签上可以显示纯文本、超链接或富文本。二、学习目标1.Q......
  • 11.PyQt5【基本组件】单行输入框-QLineEdit
    一、前言QLineEdit是最常用的输入字段。它提供了一个框,可以在其中输入一行文本。二、学习目标1.QLineEdit常用方法2.QLineEdit常用信号3.QLineEdit组件的应用三、知......
  • 12.PyQt5【基本组件】多行输入框-QTextEdit
    一、前言QTextEdit文本输入框可以输入多行文本。二、学习目标1.QTextEdit常用方法2.QTextEdit常用信号3.QTextEdit组件的应用三、知识点1.【QTextEdit常用方法】......
  • 2.PyQt5【窗口组件】对话框-Dialog
    一、前言QDialog类是对话框窗口的基类。对话框窗口是主要用于短期任务以及和用户进行简要通讯的顶级窗口。QDialog可以是模态对话框也可以是非模态对话框。QDialog支......
  • SAP UI5 FlexBox Layout 布局的概念和具体使用案例介绍试读版
    ​​SAPUI5FlexBoxLayout布局的概念和具体使用案例介绍试读版​​ ​​SAPUI5​​官网提到了所谓FlexBoxLayout布局的概念。文档提到,FlexBox布局可以让SA......
  • 快速学习Flex布局的核心知识技能
    Author:博哥  Time:2023-01-14该文章对应的视频教程去B站观看视频教程一.准备工作1.1创建index.html编写如下代码<!DOCTYPEhtml><htmllang="en"><head>......
  • Qt音视频开发11-通用监控布局控件(开源)
    一、前言自从做监控系统以来,就一直有打算将这个功能独立出来一个类,这样的话很多系统用到此类布局切换,通用这个类就行,而且后期此布局会增加其他异形布局,甚至按照16:9之类的......
  • 布局
    <!DOCTYPEhtml><html><head><style>*{box-sizing:border-box;}.header,.footer{background-color:grey;color:white;padding:15px;}.colu......
  • CSS 网格(Grid)布局
    CSSGrid布局是一种二维布局方式,可以将页面分成行和列,并在其中放置元素。使用Grid布局时,需要定义网格容器和网格项目。第一步,在网格容器元素(通常是一个div)上设置disp......
  • 【css】使用弹性盒子布局时,省略号问题
    栗子:<htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=dev......