PyQt5 笔记(01):嵌套布局

简介:

 

PyQt5 有四种布局:水平(QHBoxLayout)、竖直(QVBoxLayout)、网格(QGridLayout)、表单(QFormLayout)
在窗体中单一的布局应该不难,但若是比较复杂的布局,一般涉及到布局的嵌套,这就头疼了。

本文的四个知识点:
1. 布局不能直接嵌套(如果我错了,欢迎指正!)
2. 内层的布局必须先“附着”在一个空 QWidget 上
3. 然后把这个“承载”着内层布局的空部件添加至外层布局
4. 最后,别忘记把全局布局“附着”到窗体本尊

 

0. 先看效果图

下面对布局进行分析

 

1. 全局布局分析

全局布局使用了一个水平布局

1
wlayout  =  QtWidgets.QHBoxLayout()

 

2. 局部布局分析

四个局部布局分别使用了水平布局、竖直布局、网格布局、表单布局

1
2
3
4
hlayout  =  QtWidgets.QHBoxLayout()
vlayout  =  QtWidgets.QVBoxLayout()
glayout  =  QtWidgets.QGridLayout()
flayout  =  QtWidgets.QFormLayout()

 

到这里,其实开始时我产生了一个很自然,但是错误的想法:把四个局部布局直接添加到全局布局内:

1
2
3
4
wlayout.addWidget(hlayout)
wlayout.addWidget(vlayout)
wlayout.addWidget(glayout)
wlayout.addWidget(flayout)

报错信息提示:addWidget() 参数必须为 QWidget 类型!

这给了我启示:

 

先准备四个 QWidget: hwg, vwg, gwg, fwg

1
2
3
4
hwg  =  QtWidgets.QWidget()
vwg  =  QtWidgets.QWidget()
gwg  =  QtWidgets.QWidget()
fwg  =  QtWidgets.QWidget()

 

然后用这四个 QWidget 分别去设置前面四个局部布局

1
2
3
4
hwg.setLayout(hlayout)
vwg.setLayout(vlayout)
gwg.setLayout(glayout)
fwg.setLayout(flayout)

 

再把这四个 QWidget 部件添加至全局变量

1
2
3
4
wlayout.addWidget(hwg)
wlayout.addWidget(vwg)
wlayout.addWidget(gwg)
wlayout.addWidget(fwg)

 

最后一步,把全局布局应用到窗体本尊

1
self .setLayout(wlayout)

 

 

3. 完整代码

复制代码
from PyQt5 import QtWidgets  
 
  
class MyWindow(QtWidgets.QWidget):  

    def __init__(self):  
        super().__init__()
        self.setWindowTitle('PyQt5布局示例')
        
        # 开始:
        wlayout = QtWidgets.QHBoxLayout() # 全局布局(1个):水平
        
        hlayout = QtWidgets.QHBoxLayout() # 局部布局(4个):水平、竖直、网格、表单
        vlayout = QtWidgets.QVBoxLayout()
        glayout = QtWidgets.QGridLayout()
        flayout = QtWidgets.QFormLayout()
        
        hlayout.addWidget(QtWidgets.QPushButton(str(1))) # 局部布局添加部件(例如:按钮)
        hlayout.addWidget(QtWidgets.QPushButton(str(2)))
        vlayout.addWidget(QtWidgets.QPushButton(str(3)))
        vlayout.addWidget(QtWidgets.QPushButton(str(4)))
        glayout.addWidget(QtWidgets.QPushButton(str(5)),0,0)
        glayout.addWidget(QtWidgets.QPushButton(str(6)),0,1)
        glayout.addWidget(QtWidgets.QPushButton(str(7)),1,0)
        glayout.addWidget(QtWidgets.QPushButton(str(8)),1,1)
        flayout.addWidget(QtWidgets.QPushButton(str(9)))
        flayout.addWidget(QtWidgets.QPushButton(str(10)))
        flayout.addWidget(QtWidgets.QPushButton(str(11)))
        flayout.addWidget(QtWidgets.QPushButton(str(12)))
        
        hwg = QtWidgets.QWidget() # 准备四个部件
        vwg = QtWidgets.QWidget()
        gwg = QtWidgets.QWidget()
        fwg = QtWidgets.QWidget()
        
        hwg.setLayout(hlayout) # 四个部件设置局部布局
        vwg.setLayout(vlayout)
        gwg.setLayout(glayout)
        fwg.setLayout(flayout)
        
        wlayout.addWidget(hwg) # 四个部件加至全局布局
        wlayout.addWidget(vwg)
        wlayout.addWidget(gwg)
        wlayout.addWidget(fwg)
        
        self.setLayout(wlayout) # 窗体本尊设置全局布局
        

  
if __name__=="__main__":    
    import sys    
    
    app = QtWidgets.QApplication(sys.argv)    
    win = MyWindow()  
    win.show()  
    sys.exit(app.exec_())   
复制代码

 

本文转自罗兵博客园博客,原文链接:http://www.cnblogs.com/hhh5460/p/5173645.html ,如需转载请自行联系原作者
相关文章
|
数据采集 JSON 移动开发
【实战】使用 uniapp 开发一个面试刷题小程序
直至 5 月也依然是互联网寒冬,大厂裁员的消息在微信群漫天飞舞,而招聘网站上的 HC 也越来也少,因此不少小厂也开始纷纷内卷,压低员工绩效,本应该晋级加薪的时间,也变成了杳无音信。难道我们就束手无策了
2074 0
|
存储 缓存 关系型数据库
MySQL的count()方法慢
MySQL的 `COUNT()`方法在处理大数据量时可能会变慢,主要原因包括数据量大、缺乏合适的索引、InnoDB引擎的设计以及复杂的查询条件。通过创建合适的索引、使用覆盖索引、缓存机制、分区表和预计算等优化方案,可以显著提高 `COUNT()`方法的执行效率,确保数据库查询性能的提升。
1843 12
|
存储 弹性计算 固态存储
ESC
云服务器,是一种简单高效,处理能力可以弹性伸缩的计算服务。
10147 72
|
应用服务中间件
idea中配置tomcat时找不到war/war exploded
idea中配置tomcat时找不到war/war exploded
idea中配置tomcat时找不到war/war exploded
|
Kubernetes 网络协议 Java
Flink Native Kubernetes实战
Flink Native Kubernetes是1.10版本才有的新功能,通过bin目录下的工具控制kubernetes环境下的flink操作
2494 0
Flink Native Kubernetes实战
|
小程序 数据管理 大数据
《数字化与碳中和(园区篇)》报告正式发布,助力加快推进国家“双碳”战略实施
2022年9月3日,由阿里云与施耐德联合信通院、工信部国际合作中心等单位共同编制的《数字化与碳中和(园区篇)》正式发布。报告基于实地调研及各单位实践经验,深入分析双碳园区发展现状及面临形式,提出从OT到IT进行服务能力整合的思路,制定“园区管理端、企业应用端、生态服务端”三端协同的园区碳中和服务平台解决方案,阐述碳中和服务平台的总体架构、核心场景以及建设运营等内容,并分享不同类型园区的实践案例。该报告为园区管理者、建设者、运营方以及相关入住企业提供了有价值的参考,助力加快推进国家“双碳”战略实施。
《数字化与碳中和(园区篇)》报告正式发布,助力加快推进国家“双碳”战略实施
|
缓存 网络协议 安全
深入理解死亡之Ping ---《openstack 网络安全》
ping命令通常用来作为网络可用性的检查。ping命令可以对一个网络地址发送测试数据包,看该网络地址是否有响应并统计响应时间,以此测试网络。
1225 0
深入理解死亡之Ping ---《openstack 网络安全》
|
JSON 移动开发 数据挖掘
用Python分析BOSS直聘的薪资数据,年后找工作有方向了!
用Python分析BOSS直聘的薪资数据,年后找工作有方向了!
用Python分析BOSS直聘的薪资数据,年后找工作有方向了!
|
存储 SQL 前端开发
简单且高效的6种防止数据重复提交的方法,学到了真的太香了
有位朋友,某天突然问磊哥:在 Java 中,防止重复提交最简单的方案是什么? 这句话中包含了两个关键信息,第一:防止重复提交;第二:最简单。 于是磊哥问他,是单机环境还是分布式环境? 得到的反馈是单机环境,那就简单了,于是磊哥就开始装*了。 话不多说,我们先来复现这个问题。
简单且高效的6种防止数据重复提交的方法,学到了真的太香了
|
JavaScript 前端开发 API
原生javascript组件开发之Web Component实战
作为一名前端工程师,我们每天都在和组件打交道,我们也许基于react/vue使用过很多第三方组件库,比如ant design,elementUI,iView等,或者基于它们进行过组件的二次开发,比如业务组件,UI组件等,亦或者觉得团队能力很强,可以不依赖第三方而独立开发属于自己的组件库。无论何种形式,组件开发已然成为我们工作中的必备技能,为了更好的复用性和可维护性,组件化开发是必然选择,也正是因为组件化开发越来越重要,几年前web标准推出了Web Component这一概念,意在解决html原生标记语言复用性的问题。
1286 0

热门文章

最新文章