PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)

目录

  • 前言
  • 制作ui文件
  • 推送
  • 结语

前言

有需求需要做一个滑动的Grid布局结构,网上找了很多的文章都是介绍直接用代码去生成的,没有看到用QT Designer做好后再怎么处理,这里研究了一下,以作记录和参考

制作ui文件

  • 新建一个MainWindow

PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)_第1张图片

我们在Qt Designer内新建一个MainWindow

  • 添加Scroll

PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)_第2张图片

将一个ScrllArea组件拖到画布内,层级centralwidget下

  • 添加grid

PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)_第3张图片

将一个grid layout组件拖到scrllarea下,grid的层级置于scrllArea组件下的widget下

  • 设置Scroll的lay out

PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)_第4张图片

在ScrollArea的空白处,右键选择lay out,选择Lay Out in a Grid

  • 调整滚动区域

PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)_第5张图片

设置完成后,ScrollArea会变的很小,用鼠标调整到合适大小

  • 添加组件

PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局(QT Designer)_第6张图片

拖动Push Button组件到Grid区域内,多拖动几个,超过区域范围后,可以发现,出现滚动条了

推送

  • Github
https://github.com/KingSun5

结语

若是觉得博主的文章写的不错,不妨关注一下博主,点赞一下博文,另博主能力有限,若文中有出现什么错误的地方,欢迎各位评论指摘。
本文属于原创文章,转载请著名作者出处并置顶!!

你可能感兴趣的:(pyhton学习笔记,qt,pyqt,开发语言)