目录
- 前言
 - 制作ui文件
 - 推送
 - 结语
 
前言
有需求需要做一个滑动的Grid布局结构,网上找了很多的文章都是介绍直接用代码去生成的,没有看到用QT Designer做好后再怎么处理,这里研究了一下,以作记录和参考
制作ui文件
- 新建一个MainWindow
 
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dd4NL4fp-1670294725418)(https://note.youdao.com/yws/res/e/WEBRESOURCE04044af623308d3776bd0bc97a05998e)]](https://img-blog.csdnimg.cn/205549caf4a3473fbe89e90bd6b42fcc.png#pic_center)
我们在Qt Designer内新建一个MainWindow
- 添加Scroll
 

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

将一个grid layout组件拖到scrllarea下,grid的层级置于scrllArea组件下的widget下
- 设置Scroll的lay out
 

在ScrollArea的空白处,右键选择lay out,选择Lay Out in a Grid
- 调整滚动区域
 

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

拖动Push Button组件到Grid区域内,多拖动几个,超过区域范围后,可以发现,出现滚动条了
推送
- Github
 
https://github.com/KingSun5
 
结语
若是觉得博主的文章写的不错,不妨关注一下博主,点赞一下博文,另博主能力有限,若文中有出现什么错误的地方,欢迎各位评论指摘。
本文属于原创文章,转载请著名作者出处并置顶!!






![[Spring Boot 6]企业级开发](https://img-blog.csdnimg.cn/10bc474f07fd4c0194592de311e35fb9.png)












![[附源码]计算机毕业设计勤工助学管理系统Springboot程序](https://img-blog.csdnimg.cn/7456fd0e8e6e41d1b3c0b49f650067ac.png)