PyQt5 图形界面 - 配置界面跟随窗口大小调整灵活伸缩,设置页面控件居中显示实例演示

简介: PyQt5 图形界面 - 配置界面跟随窗口大小调整灵活伸缩,设置页面控件居中显示实例演示

第一章:Qt 窗口布局调整演示

① 不可自由伸缩实例

这是普通的分散页面布局。

742919c43b6741c9b80941c7b487c812.png

② 分散布局合并

我这里有两个独立的布局,首先将这两个布局合并为一个。


5f6c5eea5998422c933f50fc1268c545.png

③ 添加间隔控件

然后将间隔控件填到缝隙中。

举例1:如果想要按钮居中,就两边都加个垫片。

举例2:如果想要靠左,就在右边添加个垫片。


0dd2e780fd7840f7ac0fdcb54fe8abd7.png

④ 添加栅格布局

调整布局。

437f63e3ae2b49a9bdda230f71e803a2.png


0119e159dead487688dd2b85624c439c.png

⑤ 修改栅格布局为 QFrame 布局

右键对象选择变形为 QFrame 框架。


d1197607132f4d84923ee419e789e14e.png

ae14f726d8ae4b71b7bb572c7bb2522f.png

⑥ 关闭 Dialog 打破布局效果

再把 Dialog 的打破布局给改成栅格布局就行了。

25bd08f2d37a4a7ab7f586772bc82d74.png


第二章:代码运行演示

① 转化为 python 代码运行

Qt Designer 来设计 UI 界面,并转化为 python 代码运行实例演示

a541b985e7c347eb94e5be1db0a8a4da.png


② 内容居中效果演示

可以看到不管怎么调整都居中了。

6b59b39a9ab548bcb2b0cc1c59b5d2c7.png


83ca8ed759ba4f9089aed823fcdb1bbb.png

② 内容跟随界面变化效果演示

去掉栅格内的间隔控件,就可以设置根据界面大小来变化了。


b4abd10444894dccab1b5594076e8614.png

efab6c15d75840b380307a8757fc9df0.png

如果想要某个控件长度固定,再给设置个固定大小即可。


881d3852c31d47b5838a218ea5df91fc.png


目录
相关文章
|
编解码 Linux 编译器
使用 C++ 方式实现 GBK 到 UTF-8 转码 (win / linux)
使用 C++ 的方式处理在 Windows 平台和 Linux 平台,编码字符集从 GBK 到 UTF-8 转码,C++ 存在多种方式实现
4966 1
|
网络协议 Unix Linux
OpenOCD(五):调试适配器配置
OpenOCD(五):调试适配器配置
1788 0
|
数据可视化 IDE 开发工具
【Python篇】PyQt5 超详细教程——由入门到精通(中篇二)
【Python篇】PyQt5 超详细教程——由入门到精通(中篇二)
1246 13
Pyqt5--属性动画-文本移动(Pyside6适用)
Pyqt5--属性动画-文本移动(Pyside6适用)
707 1
Pyqt5--属性动画-文本移动(Pyside6适用)
|
XML JSON Ubuntu
Python实用记录(十五):PyQt/PySide6打包成exe,精简版(nuitka/pyinstaller/auto-py-to-exe)
本文介绍了使用Nuitka、PyInstaller和auto-py-to-exe三种工具将Python的PyQt/PySide6应用打包成exe文件的方法。提供了详细的安装步骤、打包命令和参数说明,适合新手学习和实践。
7716 0
|
数据可视化 IDE Linux
【Python篇】PyQt5 超详细教程——由入门到精通(序篇)
【Python篇】PyQt5 超详细教程——由入门到精通(序篇)
3541 3
PyQt5-Qt Designer中控件的尺寸相关设置(sizePolicy策略)
PyQt5-Qt Designer中控件的尺寸相关设置(sizePolicy策略)
1081 1
|
XML 开发框架 API
【Qt 学习笔记】QWidget的windowTitle属性 | windowIcon属性 | qrc文件机制
【Qt 学习笔记】QWidget的windowTitle属性 | windowIcon属性 | qrc文件机制
1159 1
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
【Qt 学习笔记】Qt窗口 | 标准对话框 | 文件对话框QFileDialog
4346 4
Qt之使用图片填充QLabel
Qt之使用图片填充QLabel
1349 1