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


目录
相关文章
|
API C# Windows
Winform控件优化之无边框窗体及其拖动、调整大小和实现最大最小化关闭功能的自定义标题栏效果
Winform中实现无边框窗体只需要设置FormBorderStyle = FormBorderStyle.None,但是无边框下我们需要保留移动窗体、拖拽调整大小、自定义美观好看的标题栏等...
3665 0
Winform控件优化之无边框窗体及其拖动、调整大小和实现最大最小化关闭功能的自定义标题栏效果
|
1月前
|
编解码 UED
Qt侧边栏的动态切换:隐藏与显示技术详解
在现代用户界面设计中,侧边栏(Sidebar)是一个常见的组件,它为用户提供了导航和工具面板的功能。在某些应用场景下,我们可能需要动态地隐藏或显示侧边栏,以优化界面布局或提供更灵活的用户体验。本文将分享如何在Qt框架下实现侧边栏的隐藏与呈现,包括技术细节和代码示例。
132 3
|
4月前
|
前端开发 图形学
小功能⭐️3DCanvas交互方法、Unity自动调整文本框大小、改变文字大小和颜色
小功能⭐️3DCanvas交互方法、Unity自动调整文本框大小、改变文字大小和颜色
|
4月前
|
图形学
小功能⭐️Unity自动更改文本框高度,以显示全部文本
小功能⭐️Unity自动更改文本框高度,以显示全部文本
|
7月前
|
Windows
MFC学习之路(9)之如何使控件大小随着对话框大小自动调整
MFC学习之路(9)之如何使控件大小随着对话框大小自动调整
128 0
|
C++ 计算机视觉 Python
Qt+C++自定义标题栏最大最小化关闭堆叠切换美化
这篇博客针对<<Qt+C++自定义标题栏最大最小化关闭堆叠切换美化>>编写代码,代码整洁,规则,易读。 学习与应用推荐首选。
124 0
|
开发者
导航控件调整与增加| 学习笔记
快速学习导航控件调整与增加。
导航控件调整与增加| 学习笔记
|
前端开发
bootstrap 组件之 输入框组 超大屏幕 列表组件学习总结
bootstrap 组件之 输入框组 超大屏幕 列表组件学习总结
|
搜索推荐
PyQt5 技巧篇-参数控制窗体右上角只显示关闭按钮实例演示
PyQt5 技巧篇-参数控制窗体右上角只显示关闭按钮实例演示
590 0
PyQt5 技巧篇-参数控制窗体右上角只显示关闭按钮实例演示
PyQt5 技术篇-设置窗口启用默认桌面位置,按屏幕比例
PyQt5 技术篇-设置窗口启用默认桌面位置,按屏幕比例
383 0
PyQt5 技术篇-设置窗口启用默认桌面位置,按屏幕比例