PyQt5 笔记(02):嵌套布局
如前一篇笔记,我们还是只讨论两层嵌套布局的情况。
前面的布局有一个缺点:有三个内层布局,则需要三个空部件。那若有十个内层布局呢?显然会让人不舒服。
刚才在玩 Qt Designer 时,发现了一个更好的办法,不管有多少个内层布局,只需要一个空部件。
一、过程分析:
1. 先准备一个全局部件,用于"承载"全局布局
# 全局部件(注意参数 self),用于"承载"全局布局
wwg = QWidget(self)
2. 再定义全局布局
wl = QVBoxLayout(wwg) # 全局布局(注意参数 wwg)
3. 定义三个局部布局
vl = QVBoxLayout() # 三个局部布局
hl = QHBoxLayout()
gl = QGridLayout()
4. 当然,局部布局内肯定打算放置一些部件
pass # 这里向局部布局内添加部件
5. 把三个局部布局加到全局布局
wl.addLayout(vl) # 加到全局布局
wl.addLayout(gl)
wl.addLayout(hl)
二、全部代码
from PyQt5.QtWidgets import *
class MyWindow(QWidget):
def __init__(self):
super().__init__()
self.setWindowTitle('PyQt5布局示例')
self.resize(400, 300)
# 全局部件(注意参数 self),用于"承载"全局布局
wwg = QWidget(self)
wl = QVBoxLayout(wwg) # 全局布局(注意参数 wwg)
vl = QVBoxLayout() # 三个局部布局
hl = QHBoxLayout()
gl = QGridLayout()
pass # 这里向局部布局内添加部件
wl.addLayout(vl) # 加到全局布局
wl.addLayout(gl)
wl.addLayout(hl)
if __name__=="__main__":
import sys
app = QApplication(sys.argv)
win = MyWindow()
win.show()
sys.exit(app.exec_())
补充:
照上面的思路,更进一步,可以不要多余的空部件:
from PyQt5.QtWidgets import *
class MyWindow(QWidget):
def __init__(self):
super().__init__()
self.setWindowTitle('PyQt5布局示例')
self.resize(400, 300)
# 全局布局(注意参数 self)
wl = QVBoxLayout(self)
# 局部布局
vl = QVBoxLayout()
hl = QHBoxLayout()
gl = QGridLayout()
# 这里向局部布局内添加部件
hl.addWidget(QPushButton(''))
hl.addWidget(QPushButton(''))
vl.addWidget(QPushButton(''))
vl.addWidget(QPushButton(''))
vl.addWidget(QPushButton(''))
gl.addWidget(QPushButton(''),0,0)
gl.addWidget(QPushButton(''),0,1)
gl.addWidget(QPushButton(''),1,0)
gl.addWidget(QPushButton(''),1,1)
# 加到全局布局
wl.addLayout(hl)
wl.addLayout(vl)
wl.addLayout(gl)
if __name__=="__main__":
import sys
app = QApplication(sys.argv)
win = MyWindow()
win.show()
sys.exit(app.exec_())
再补充:
addLayout()方法原型:
addLayout(QLayout, row, col, row_cross, col_cross, Qt.Alignment)
addWidget()方法原型:
addWidget(QWidget, row, col, row_cross, col_cross, Qt.Alignment)
PyQt5 笔记(02):嵌套布局的更多相关文章
- PyQt5 笔记(01):嵌套布局
PyQt5 有四种布局:水平(QHBoxLayout).竖直(QVBoxLayout).网格(QGridLayout).表单(QFormLayout)在窗体中单一的布局应该不难,但若是比较复杂的布局, ...
- amazeui学习笔记--css(布局相关1)--网格Grid
amazeui学习笔记--css(布局相关1)--网格Grid 一.总结 基本使用 1.div+class布局:amaze里面采取的就是div+class的布局方式 <div class=&q ...
- 软件测试之loadrunner学习笔记-02集合点
loadrunner学习笔记-02集合点 集合点函数可以帮助我们生成有效可控的并发操作.虽然在Controller中多用户负载的Vuser是一起开始运行脚本的,但是由于计算机的串行处理机制,脚本的运行 ...
- 《30天自制操作系统》笔记(02)——导入C语言
<30天自制操作系统>笔记(02)——导入C语言 进度回顾 在上一篇,记录了计算机开机时加载IPL程序(initial program loader,一个nas汇编程序)的情况,包括IPL ...
- 《The Linux Command Line》 读书笔记02 关于命令的命令
<The Linux Command Line> 读书笔记02 关于命令的命令 命令的四种类型 type type—Indicate how a command name is inter ...
- bootstrap学习总结-02 网格布局
1 网格布局 Bootstrap 提供了一套响应式.移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列. <!DOCTYPE html> ...
- Bootstrap页面布局4 - 嵌套布局
嵌套布局: 在一行中,有三列,每一列都有对应的BS栅格系统中的格子,以下例中因为 .row中的div对应的class分别是span4,span4,span4,所以其每一列对应的格子数是 4,4,4 现 ...
- Android学习笔记02
1.线性布局LinearLayout <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&q ...
- WPF笔记(1.4 布局)——Hello,WPF!
原文:WPF笔记(1.4 布局)--Hello,WPF! 这一节只是第2章的引子.布局要使用Panel控件,有四种Panel,如下:DockPanel,就是设置停靠位置布局模型.StackPanel, ...
随机推荐
- python/numpy/pandas数据操作知识与技巧
pandas针对dataframe各种操作技巧集合: filtering: 一般地,使用df.column > xx将会产生一个只有boolean值的series,以该series作为dataf ...
- 第六章 函数、谓词、CASE表达式 6-1 各种各样的函数
一.函数的种类 算术函数 字符串函数 日期函数 转换函数 聚合函数 二.算术函数 + - * / 1.ABS——绝对值 ABS(数值) 绝对值 absolute value ,不考虑数值的符号 ...
- ASP.NET Web API 跨域访问(CORS)要注意的地方
一.客户端用JSONP请求数据 如果你想用JSONP来获得跨域的数据,WebAPI本身是不支持javascript的callback的,它返回的JSON是这样的: {"YourSignatu ...
- 模仿SDWebImage实现异步加载图片
模仿SDWebImage实现异步加载图片 SDWebImage想必大家都不陌生吧,要实现它的图片异步加载功能这个还是很简单的. 注意:此处我只实现了异步加载图片,并没有将文件缓存到本地的打算哦:) 源 ...
- 安装Stunnel来实现正向代理邮件
文:铁乐与猫 2017年8月 一开始我是使用yum install来安装stunnel的 感觉版本低点也无所谓,毕竟只是拿来加密代理一下邮件收发. 可是后来发现之前下载的最新官网版本的tar包里有很多 ...
- zabbix日常监控项mysql(七)
参考文档: percona官方文档:https://www.percona.com/doc/percona-monitoring-plugins/LATEST/zabbix/index.html za ...
- 词组查询以及多值映射等SolrNet使用中的细节问题
转自:http://www.duxuan.cn/doc/6896594.html
- golang xorm应用
github.com/go-xorm/xorm xorm库 http://www.xorm.io/docs/ 手册 xorm是一个简单而强大的Go语言ORM库. 通过它可以使数据库操作非常简便.xo ...
- Electron简介和安装使用
一.Electron简介Electron的应用,使得了JS不仅仅可以BS端项目,还可以做CS端项目. 另外今天之所以研究下Electron,还是因为公司的需要,业务场景是,通过Electron.js开 ...
- 使用sqoop过程
With Sqoop, you can import data from a relational database system or a mainframe(主机) into HDFS. The ...