pyqt5布局设置

最新推荐文章于 2024-06-12 22:56:10 发布
最新推荐文章于 2024-06-12 22:56:10 发布
阅读量276 收藏
点赞数 4
分类专栏： pyqt5学习笔记 文章标签： qt python 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1983z/article/details/133998317
版权

pyqt5布局设置

在Qt布局中分为四个大类

  • QBoxLayout
  • QGridLayout
  • QFormLayout
  • QStackedLayout

一、QBoxLayout（盒子布局）

垂直布局

相关代码与解析如下：

import sys
#sys模块提供了与Python解释器和操作系统交互的功能
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QVBoxLayout
#QApplication是用于管理应用程序的类，而QWidget是用于创建窗口和用户界面的类,QPushButton按钮类,QVBoxLayout表垂直布局
class MyWindow(QWidget):
#MyWindow的自定义窗口类，该类继承自PyQt5中的QWidget类
    def __init__(self):
    #构造方法的定义，其中 self 参数表示当前对象的实例。构造方法是在创建一个新的MyWindow类实例时自动调用的
        super().__init__()
        #确保在MyWindow对象初始化时QWidget类的构造方法得到调用，从而正确地初始化窗口对象。
        self.resize(400,400)
        #将窗口的初始大小设置为400x400像素
        self.setWindowTitle("垂直布局")
        #将窗口名字设置为“垂直布局”
        layout = QVBoxLayout()
        #创建一个垂直布局对象
        btn1= QPushButton('按钮1')
        #创建按钮1
        layout.addWidget(btn1)
        # 将按钮1添加到布局中
        layout.addStretch(1)
        # 添加一个垂直伸缩空间，占用1个单位的垂直空间
        btn2 = QPushButton('按钮2')
        # 创建按钮2
        layout.addWidget(btn2)
        # 将按钮2添加到布局中
        layout.addStretch(2)
        # 添加一个垂直伸缩空间，占用2个单位的垂直空间
        btn3 = QPushButton('按钮3')
        # 创建按钮3
        layout.addWidget(btn3)
        # 将按钮3添加到布局中
        layout.addStretch(3)
        # 添加一个垂直伸缩空间，占用3个单位的垂直空间
        self.setLayout(layout)
        #将一个垂直布局管理器layout分配给MyWindow类的对象，这将使窗口内的控件按照垂直布局进行排列。

if __name__ =='__main__':
# 检查Python脚本是否正在作为主程序直接运行
    app = QApplication(sys.argv)
    #创建一个APP对象，sys.argv是一个包含命令行参数的列表，用于从命令行接收参数
    w=MyWindow()
    #意味着你可以使用变量w来引用和操作这个窗口
    w.show()
    #显示窗口
    app.exec_()
    #用于启动事件循环。事件循环负责处理用户输入、绘制界面、处理事件、触发信号等等。只有在事件循环运行时，你的应用程序才能够响应用户的操作。

运行窗口如下：
在这里插入图片描述

垂直+水平布局

接下来将实现一个窗口垂直+水平布局同时存在，大概思想就是嵌套代码和解析如下：

import sys
#sys模块提供了与Python解释器和操作系统交互的功能
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QVBoxLayout,QHBoxLayout,QGroupBox,QRadioButton
#QApplication是用于管理应用程序的类，而QWidget是用于创建窗口和用户界面的类,QPushButton按钮类,QVBoxLayout表垂直布局
class MyWindow(QWidget):
#MyWindow的自定义窗口类，该类继承自PyQt5中的QWidget类
    def __init__(self):
    #构造方法的定义，其中 self 参数表示当前对象的实例。构造方法是在创建一个新的MyWindow类实例时自动调用的
        super().__init__()
        #确保在MyWindow对象初始化时QWidget类的构造方法得到调用，从而正确地初始化窗口对象。
        self.init_ui()
        #初始化用户界面(UI)中的各种部件和设置。用于在创建窗口或部件的时候执行一些初始化操作，以确保UI的正确设置
    def init_ui(self):
        self.resize(400,400)
        #将窗口的初始大小设置为400x400像素
        self.setWindowTitle("垂直+水平布局")
        #将窗口名字设置为“垂直+水平布局”
        external= QVBoxLayout()
        #创建一个最外层垂直布局对象
        hobby_box=QGroupBox('爱好')
        #创建一个控件组，名为hobby_box，可以添加多个按钮
        v_layout=QVBoxLayout()
        #设置三个爱好垂直摆放
        btn1= QRadioButton('彩鳞')
        btn2 = QRadioButton('小医仙')
        btn3 = QRadioButton('熏儿')
        #创建3个爱好“按钮”123
        v_layout.addWidget(btn1)
        v_layout.addWidget(btn2)
        v_layout.addWidget(btn3)
        # 将按钮1，2，3添加到v_layout中
        hobby_box.setLayout(v_layout)
        #将v_layout添加到hobby_box中
        gender_box=QGroupBox('性别')
        # 创建一个控件组，名为gender_box，可以添加多个按钮
        h_layout=QHBoxLayout()
        # 设置两个性别水平摆放
        btn4= QRadioButton('男')
        btn5 = QRadioButton('女')
        # 创建俩个“性别”按钮4，5
        h_layout.addWidget(btn4)
        h_layout.addWidget(btn5)
        # 将按钮4,5添加到h_layout中
        gender_box.setLayout(h_layout)
        # 将v_layout添加到gender_box中
        external.addWidget(hobby_box)
        external.addWidget(gender_box)
        #将hobby_box,gender_box中的内容添加到external中
        self.setLayout(external)
        #设置窗口显示为external窗口
if __name__ =='__main__':
# 检查Python脚本是否正在作为主程序直接运行
    app = QApplication(sys.argv)
    #创建一个APP对象，sys.argv是一个包含命令行参数的列表，用于从命令行接收参数
    w=MyWindow()
    #意味着你可以使用变量w来引用和操作这个窗口
    w.show()
    #显示窗口
    app.exec_()
    #用于启动事件循环。事件循环负责处理用户输入、绘制界面、处理事件、触发信号等等。只有在事件循环运行时，你的应用程序才能够响应用户的操作。

窗口图片：在这里插入图片描述

一、QGridLayout（九宫格布局）

设计了一个计算器的界面，代码和解析如下：

import sys
#sys模块提供了与Python解释器和操作系统交互的功能
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QVBoxLayout,QHBoxLayout,QGroupBox,QRadioButton,QGridLayout,QLineEdit
#QApplication是用于管理应用程序的类，而QWidget是用于创建窗口和用户界面的类,QPushButton按钮类,QVBoxLayout表垂直布局
class MyWindow(QWidget):
#MyWindow的自定义窗口类，该类继承自PyQt5中的QWidget类
    def __init__(self):
    #构造方法的定义，其中 self 参数表示当前对象的实例。构造方法是在创建一个新的MyWindow类实例时自动调用的
        super().__init__()
        #确保在MyWindow对象初始化时QWidget类的构造方法得到调用，从而正确地初始化窗口对象。
        self.init_ui()
        #初始化用户界面(UI)中的各种部件和设置。用于在创建窗口或部件的时候执行一些初始化操作，以确保UI的正确设置

    def init_ui(self):
        self.resize(400,400)
        #将窗口的初始大小设置为400x400像素
        self.setWindowTitle("计算器")
        #将窗口名字设置为“计算器”
        data = {
            0:['7','8','9','+','('],
            1:['4','5','6','-',')'],
            2:['1','2','3','*','<'],
            3:['0','.','=','/','c'],
        }
        #准备九宫格要用到的数据
        external= QVBoxLayout()
        #创建一个最外层垂直布局对象
        edit=QLineEdit()
        #创建一个编辑框
        edit.setPlaceholderText('请输入内容')
        #设置了占位文本为 "请输入内容"
        external.addWidget(edit)
        # 将edit添加到external中
        grid = QGridLayout()
        #设置一个九宫格布局
        for line_number,line_data in data.items():
        #循环遍历了 data 字典中的每一行数据，其中 line_number 是行号，line_data 是行数据。
            for col_number,number in enumerate(line_data):
            #循环使用 enumerate 函数遍历了每一列的数据，其中 col_number 是列号，number 是数据。
                btn =QPushButton(number)
                #创建一个名为 btn 的按钮控件，并将其文本设置为 number。number 是数据中的值，将显示在按钮上。
                grid.addWidget(btn,line_number,col_number)
                #line_number 和 col_number 来指定按钮应该放置的行和列
        external.addLayout(grid)
        # 将grid添加到external中
        self.setLayout(external)
        #设置窗口显示为external窗口
if __name__ =='__main__':
# 检查Python脚本是否正在作为主程序直接运行
    app = QApplication(sys.argv)
    #创建一个APP对象，sys.argv是一个包含命令行参数的列表，用于从命令行接收参数
    w=MyWindow()
    #意味着你可以使用变量w来引用和操作这个窗口
    w.show()
    #显示窗口
    app.exec_()
    #用于启动事件循环。事件循环负责处理用户输入、绘制界面、处理事件、触发信号等等。只有在事件循环运行时，你的应用程序才能够响应用户的操作。

运行窗口图片
在这里插入图片描述

一、FormlLayout（表单布局）

制作了一个简单的登陆界面，代码与解析如下

import sys
#sys模块提供了与Python解释器和操作系统交互的功能
from PyQt5.QtCore import Qt
#设置窗口的标题栏图标、文本对齐方式、鼠标光标形状、键盘事件处理等等
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QVBoxLayout,QHBoxLayout,QGroupBox,QRadioButton,QGridLayout,QLineEdit,  QFormLayout
#QApplication是用于管理应用程序的类，而QWidget是用于创建窗口和用户界面的类,QPushButton按钮类,QVBoxLayout表垂直布局
class MyWindow(QWidget):
#MyWindow的自定义窗口类，该类继承自PyQt5中的QWidget类
    def __init__(self):
    #构造方法的定义，其中 self 参数表示当前对象的实例。构造方法是在创建一个新的MyWindow类实例时自动调用的
        super().__init__()
        #确保在MyWindow对象初始化时QWidget类的构造方法得到调用，从而正确地初始化窗口对象。
        self.init_ui()
        #初始化用户界面(UI)中的各种部件和设置。用于在创建窗口或部件的时候执行一些初始化操作，以确保UI的正确设置

    def init_ui(self):
        self.resize(400,400)
        #将窗口的初始大小设置为400x400像素
        self.setWindowTitle("登录")
        #将窗口名字设置为“计算器”
        external= QVBoxLayout()
        #创建一个最外层垂直布局对象
        form_layout = QFormLayout()
        #创建一个表单布局器
        edit=QLineEdit()
        #创建一个编辑框
        edit.setPlaceholderText('请输入账号')
        #设置了占位文本为 "请输入账号"
        form_layout.addRow('账号：',edit)
        #表单布局中添加一行。通常需要两个参数：一个标签和一个小部件本代码中，标签是字符串'账号：'，小部件由变量edit表示。
        edit2 = QLineEdit()
        # 创建一个编辑框
        edit2.setPlaceholderText('请输入密码')
        # 设置了占位文本为 "请输入密码"
        form_layout.addRow('密码：', edit2)
        # 表单布局中添加一行。通常需要两个参数：一个标签和一个小部件本代码中，标签是字符串'密码：'，小部件由变量edit2表示。
        external.addLayout(form_layout)
        # 将form_layout添加到external中
        bin=QPushButton('登录')
        #创建登录按钮
        external.addWidget(bin,alignment=Qt.AlignCenter)
        #将按钮加入到external中，并设置对齐方式
        self.setLayout(external)
        #设置窗口显示为external窗口
if __name__ =='__main__':
# 检查Python脚本是否正在作为主程序直接运行
    app = QApplication(sys.argv)
    #创建一个APP对象，sys.argv是一个包含命令行参数的列表，用于从命令行接收参数
    w=MyWindow()
    #意味着你可以使用变量w来引用和操作这个窗口
    w.show()
    #显示窗口
    app.exec_()
    #用于启动事件循环。事件循环负责处理用户输入、绘制界面、处理事件、触发信号等等。只有在事件循环运行时，你的应用程序才能够响应用户的操作。

窗口图片
在这里插入图片描述

一、StackedLayout（抽屉布局）

提供了多页面切换的布局但每次只能看到一个页面

import sys
#sys模块提供了与Python解释器和操作系统交互的功能
from PyQt5.QtCore import Qt
#设置窗口的标题栏图标、文本对齐方式、鼠标光标形状、键盘事件处理等等
from PyQt5.QtWidgets import QApplication,QWidget,QPushButton,QVBoxLayout,QHBoxLayout,QGroupBox,QRadioButton,QGridLayout,QLineEdit,  QFormLayout,QApplication,QLabel,QStackedLayout
#QApplication是用于管理应用程序的类，而QWidget是用于创建窗口和用户界面的类,QPushButton按钮类,QVBoxLayout表垂直布局
class Window1(QWidget):
    def __init__(self):
        super(Window1, self).__init__()
        QLabel('新闻联播',self)
        self.setStyleSheet('background-color:green;')
class Window2(QWidget):
    def __init__(self):
        super(Window2, self).__init__()
        QLabel('中国财经',self)
        self.setStyleSheet('background-color:blue;')
class MyWindow(QWidget):
#MyWindow的自定义窗口类，该类继承自PyQt5中的QWidget类
    def __init__(self):
    #构造方法的定义，其中 self 参数表示当前对象的实例。构造方法是在创建一个新的MyWindow类实例时自动调用的
        super().__init__()
        #确保在MyWindow对象初始化时QWidget类的构造方法得到调用，从而正确地初始化窗口对象。
        self.create_stacked_layout()
        #创建抽屉布局器
        self.init_ui()
        #初始化用户界面(UI)中的各种部件和设置。用于在创建窗口或部件的时候执行一些初始化操作，以确保UI的正确设置
    def create_stacked_layout(self):
    #创建抽屉布局函数
        self.stacked_layout=QStackedLayout()
        win1=Window1()
        win2= Window2()
        #创建两个widght
        self.stacked_layout.addWidget(win1)
        self.stacked_layout.addWidget(win2)
        #将创建的两个widget添加到抽屉布局中
    def init_ui(self):
        self.resize(400,400)
        #将窗口的初始大小设置为400x400像素
        external = QVBoxLayout()
        # 创建一个最外层垂直布局对象
        self.setWindowTitle("抽屉布局器")
        #将窗口名字设置为“抽屉布局器”
        widget=QWidget()
        widget.setLayout(self.stacked_layout)
        widget.setStyleSheet('background-color:grey;')
        #设置一个子窗口，并将抽屉布局器添加其中
        btn1=QPushButton('cctv1')
        btn2 = QPushButton('cctv2')
        #创建两个按钮
        btn1.clicked.connect(self.btn1_clicked)
        btn2.clicked.connect(self.btn2_clicked)
        #给按钮添加点击事件
        external.addWidget(widget)
        external.addWidget(btn1)
        external.addWidget(btn2)
        #将控件加入到布局器中
        self.setLayout(external)
        #设置窗口显示为external窗口
    def btn1_clicked(self):
        self.stacked_layout.setCurrentIndex(0)
        #设置抽屉布局器当前索引值，就是可以切换到显示哪个窗口
    def btn2_clicked(self):
        self.stacked_layout.setCurrentIndex(1)
        #设置抽屉布局器当前索引值，就是可以切换到显示哪个窗口
if __name__ =='__main__':
# 检查Python脚本是否正在作为主程序直接运行
    app = QApplication(sys.argv)
    #创建一个APP对象，sys.argv是一个包含命令行参数的列表，用于从命令行接收参数
    w=MyWindow()
    #意味着你可以使用变量w来引用和操作这个窗口
    w.show()
    #显示窗口
    app.exec_()
    #用于启动事件循环。事件循环负责处理用户输入、绘制界面、处理事件、触发信号等等。只有在事件循环运行时，你的应用程序才能够响应用户的操作。

图片如下：
在这里插入图片描述

OK也不知道我写清楚了没有

如果能为勤奋颁奖
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
PyQT5 （六十八） PyQt5直接用代码布局 --水平盒布局 QHboxLayout
Ggome的博客
10-26 444
PyQt5直接用代码布局 --水平盒布局 QHboxLayout import sys from PyQt5.QtGui import QIcon from PyQt5.QtWidgets import QHBoxLayout, QPushButton, QMessageBox, QApplication, QVBoxLayout, QWidget, \ QLabel ''' PyQt5直接用代码布局 --水平盒布局 QHboxLayout ''' class HBoxLayo...
python PyQt5 QVBoxLayout 垂直布局管理
Dontla的博客
04-20 2798
https://doc.qt.io/qtforpython/PySide2/QtWidgets/QVBoxLayout.html?highlight=qvboxlayout#PySide2.QtWidgets.QVBoxLayout 文章目录继承关系细节描述 继承关系 细节描述 此类用于构造垂直框布局对象。 有关详细信息，请参见QBoxLayout。 该类的最简单用法是这样的：（不过直接运行不了...
pyqt5 --布局管理器（QVBoxLayout）
abc
03-31 1427
pyqt5 --布局管理器（QVBoxLayout） 代码: from PyQt5.QtWidgets import QApplication, QWidget , QTextEdit, QVBoxLayout , QPushButton import sys class TextEditDemo(QWidget): def __init__(self, parent=None): ...
实战PyQt5: 018-布局管理之QVBoxLayout
seniorwizard的专栏
11-13 1240
和QHBoxLayout功能类似，QVBoxLayout在垂直方向按照按照从上到下的顺序添加部件，其布局如下图所示： QVBoxLayout布局示意图 QVBoxLayout类继承关系： 测试QVBoxLayout 在本文中，结合QHBoxLayout，演示更复杂一点的布局管理控制。创建文件qvboxlayout.py，演示垂直布局的基本功能,完整代码如下: importsys fromPyQt5importQtCore,QtGui,QtWidgets fromPyQ...
PyQt5布局浅析
02-24
创建第一个窗口一般来说，桌面应用都以窗口(window)形式呈现。因此，要搭建桌面应用，首先要创建窗口。下面这段代码创建了一个空的窗口。这段代码仅仅设置了窗口的标题和大小。...为窗口添加布局PyQt
Pyqt5自适应布局实例
01-20
在pyqt5中要做到自适应布局，必须应用Layout类 下面列出类似于 html 中 float 功能的布局方法： 实现原理： PyQt5中的布局中，stretch 属性类似于一个可自适应的空白布局。会尽可能将周围的组件布局向外挤压 from ...
PyQt5的相对布局管理的实现
09-16
主要介绍了PyQt5的相对布局管理的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
PyQt5-布局
qq_45886514的博客
11-23 1875
布局 在qt里布局分四大类： QBoxLayout QGridLayout QFormLayout QStackedLayout QBoxLayout 直译为：盒子布局 一般使用它的两个子类QHBoxLayout 和 QVBoxLayout 负责水平和垂直布局 1，垂直布局 import sys from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget, QPushButton, QGroupBox, QMainWindow from
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
12-20
PyQt5布局控件QVBoxLayout简介 采用QVBoxLayout类，按照从上到下的顺序添加控件 本节内容较少，演示两个实例，便于明白QVBoxLayout（垂直布局）的使用 QVBoxLayout的正常使用实例 import sys from PyQt5.QtWidgets import QApplication ,QWidget ,QVBoxLayout , QPushButton class Winform(QWidget): def __init__(self,parent=None): super(Winform,self).__init__(parent)
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
09-17
主要介绍了python GUI库图形界面开发之PyQt5布局控件QFormLayout详细使用方法与实例,需要的朋友可以参考下
【PyQt5】详解QHBoxLayout和QVBoxLayout
北极星的博客
10-03 7067
1. 简介 QHBoxLayout和QVBoxLayout是用来布局的，前者用来水平布局，后者用来垂直布局。 水平布局 垂直布局 2.
PyQt5快速开发与实战 6.4 QBoxLayout(框布局)
谢谢你们的关注
07-29 1287
PyQt5快速开发与实战 6.4 QBoxLayout(框布局)
PyQt5 布局Layout（QHBoxLayout,QVBoxLayout,QGridLayout,QFormLayout,QStackedLayout,QStackedWidget）
SongYuLong
11-16 1194
【代码】PyQt5 Layout布局。
快速掌握Pyqt5的5种布局
weixin_49520696的博客
11-25 1702
可以通过继承QLayout类来创建自定义布局管理器，为特定的布局需求提供解决方案。
PyQt6之QGroupBox的使用
kunne806的博客
10-19 1213
作为最简单的容器，QGroupBox支持将相似的元素放在一起,比如用来放置一组单选框或者复选框。 实例化与元素添加 与其它widget的实例化方法相似，直接调用类。 self._instantiated_group_box = QGroupBox() 再往其内放置元素之前，需要设置它的布局——从熟悉的三种布局中选择一种，将其设为QGroupBox的布局：QHBoxLayout、QVBoxLayout、QGridLayout。演示例子选择QVBoxLayout作为其布局。需要牢记，放置widget时
QT:tcpSocket 代理 报错The proxy type is invalid for this operation
哂笑年少
06-12 178
Qt低版本正常通讯换用高版本后通讯报错 The proxy type is invalid for this operation。qt调用connectToHost时会检查代理情况，qt程序默认会使用代理设置会导致此问题，只要关闭代理就可以了。
Qt——升级系列（Level Four）：控件概述、QWidget 核心属性、按钮类控件
Russ_Leo的博客
06-10 317
控件概述；QWidget 核心属性：核心属性概览、enabled、geometry、windowTitle、windowIcon、windowOpacity、cursor、font、toolTip、focusPolicy、styleSheet；按钮类控件：Push Button、Radio Buttion、Check Box、Tool Button。
Qt 实战（4）信号与槽 | 4.1、信号与槽机制
最新发布
个人技术博客
06-12 902
Qt信号与槽机制是一种用于处理对象间通信的强大机制，它是Qt框架的核心特性之一。信号与槽机制使得Qt对象可以在不了解彼此的情况下进行通信，这种松耦合的设计思想极大地提高了代码的可重用性和灵活性。
pyqt 网格布局设置边缘间隔
08-05
在 PyQt 中，可以使用 `setSpacing()` 方法来设置网格布局的边缘间隔。该方法接受一个整数参数，表示边缘间隔的大小，单位为像素。 以下是一个示例代码片段，演示如何将网格布局的边缘间隔设置为 10 像素： ```...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值