PyQt5 图形界面 - 配置页面跟随窗口大小调整灵活伸缩

  • 第一章:Qt 窗口布局调整演示
  • ① 不可自由伸缩实例
  • ② 分散布局合并
  • ③ 添加间隔控件
  • ④ 添加栅格布局
  • ⑤ 修改栅格布局为 QFrame 布局
  • ⑥ 关闭 Dialog 打破布局效果
  • 第二章:代码运行演示
  • ① 转化为 python 代码运行
  • ② 内容居中效果演示
  • ② 内容跟随界面变化效果演示

[ 系列专栏 ]

PyQt5 图形界面 - 转化 python 代码运行、对话框引入、事件监听、剪切板写入、图片加载、调色板调用、控件属性、页面布局

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

① 不可自由伸缩实例

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

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

② 分散布局合并

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

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

③ 添加间隔控件

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

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

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

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

④ 添加栅格布局

调整布局。

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

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

⑤ 修改栅格布局为 QFrame 布局

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

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

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

⑥ 关闭 Dialog 打破布局效果

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

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

第二章:代码运行演示

① 转化为 python 代码运行

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

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

② 内容居中效果演示

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

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

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

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

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

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

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

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

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

喜欢的点个赞❤吧!