Python Qt 学习笔记（三） Qt Designer

Qt Designer简介

Qt Designer是用Qt Widgets来设计创建GUIs的工具。它能让你用所见即所得的方式定制窗口或者对话框，还能用不同风格和分辨率对设计的GUIs进行测试。

designer.exe在Python安装目录下的\Lib\site-packages\PySide2里。

通过 Qt Designer 设计的界面，最终是保存在一个ui文件中的。打开ui文件，就是一个XML格式的界面定义。

动态加载UI文件

打开designer.exe，通过拖拽控件来制作一个简单的界面

我将这个ui文件保存在E:\python项目\Qt项目\stats.ui

有了界面定义文件，我们的Python程序就可以从文件中加载UI定义，并且动态创建一个相应的窗口对象。

编写Python程序

 1 from PySide2.QtWidgets import QApplication, QMessageBox
 2 from PySide2.QtUiTools import QUiLoader
 3 from PySide2.QtCore import QFile
 4 
 5 
 6 class Stats:
 7 
 8     def __init__(self):
 9         # 从文件中加载UI定义
10         qfile_stats = QFile("E:\\python项目\\Qt项目\\stats.ui")
11         qfile_stats.open(QFile.ReadOnly)
12         qfile_stats.close()
13 
14         # 从 UI 定义中动态 创建一个相应的窗口对象
15         # 注意：里面的控件对象也成为窗口对象的属性了
16         # 比如 self.ui.button , self.ui.textEdit
17         self.ui = QUiLoader().load(qfile_stats)
18 
19         self.ui.pushButton.clicked.connect(self.handleCalc)
20 
21     def handleCalc(self):
22         info = self.ui.textEdit.toPlainText()
23 
24         salary_above_20k = ''
25         salary_below_20k = ''
26         for line in info.splitlines():
27             if not line.strip():
28                 continue
29             parts = line.split(' ')
30 
31             parts = [p for p in parts if p]
32             name, salary, age = parts
33             if int(salary) >= 20000:
34                 salary_above_20k += name + '\n'
35             else:
36                 salary_below_20k += name + '\n'
37 
38         QMessageBox.about(self.ui,
39                           '统计结果',
40                           f'''薪资20000 以上的有：\n{salary_above_20k}
41                     \n薪资20000 以下的有：\n{salary_below_20k}'''
42                           )
43 
44 
45 app = QApplication([])
46 stats = Stats()
47 stats.ui.show()
48 app.exec_()

运行效果图

核心代码是这段

 1     def __init__(self):
 2         # 从文件中加载UI定义
 3         qfile_stats = QFile("E:\\python项目\\Qt项目\\stats.ui")
 4         qfile_stats.open(QFile.ReadOnly)
 5         qfile_stats.close()
 6 
 7         # 从 UI 定义中动态 创建一个相应的窗口对象
 8         # 注意：里面的控件对象也成为窗口对象的属性了
 9         # 比如 self.ui.button , self.ui.textEdit
10         self.ui = QUiLoader().load(qfile_stats)
11 
12         self.ui.pushButton.clicked.connect(self.handleCalc)