PyQt5快速开发与实战
3. 第3章 Qt Designer的使用
文章目录
PyQt5快速开发与实战3. 第3章 Qt Designer的使用3.1 Qt Designer快速入门3.1.1 新建主窗口3.1.2 窗口主要区域介绍3.1.3 查看UI文件3.1.4 将.ui文件转换为.py文件3.1.5 界面与逻辑分离3.1 Qt Designer快速入门
Qt Designer,即Qt设计师,是一个强大、灵活的可视化GUI 设计工具,可以帮助我们加快开发PyQt程序的速度。Qt Designer是专门用来制作PyQt程序中UI界面的工具,它生成的UI界面是一个后缀为.ui的文件。该文件使用起来非常简单,可以通过命令将.ui文件转换成.py格式的文件,并被其他Python文件引用。
Qt Designer符合MVC(模型—视图一控制器)设计模式,做到了显示和业务辑的分离。
Qt Designer具有以下优点。
使用简单,通过拖曳和点击就可以完成复杂的界面设计,而且还可以随时预览查看效果图。转换Python文件方便。Qt Designer可以将设计好的用户界面保存为.ui文件,
安装pyqt5designer
pip install pyqt5designer -i https://pypi.tuna./simple
配置pycharm
Qtdesigner
PyUIC5
$FileName$ -o $FileNameWithoutExtension$.py$FileDir$
pyrcc5
应用
3.1.1 新建主窗口
点击
选择Main Window模板
3.1.2 窗口主要区域介绍
窗体 → 预览
对象查看器
查看主窗口中放置的对象列表
属性编辑器
其中提供了对窗口、控件、布局的属性编辑功能
objectName:控件对象名称geometry:相对坐标系minimumSize:最小宽度、高度maximumSize:最大宽度、高度。如果想让窗口或控件的大小固定,则可以将min、max两个属性设置成一样的数值。font:字体cursor:光标windowTitle:窗口标题windowsIcon/icon:窗口图标/控件图标iconSize:图标大小toolTip:提示信息statusTip:任务栏显示信息text:控件文本shortcut:快捷键
信号/槽 编辑器、动作编辑器、资源浏览器
其中在信号/槽编辑器中,可以为控件添加自定义的信号和槽函数,编辑控件的信号和槽函数。
在资源浏览器中,可以为控件添加图片
3.1.3 查看UI文件
采用Qt Designer工具设计的界面文件默认为.ui文件,描述了窗口中控件的属性列表和布局显示。ui文件里面包含的内容是按照XML (可扩展标记语言)格式处理的。
信息是一致的。有了Qt Designer,开发者就能够更快地开发设计出程序界面,避免了用纯代码来编写的烦琐,从而不必担心底层的代码实现。
3.1.4 将.ui文件转换为.py文件
通过命令行把.ui文件转换为.py文件,略
pyuic5 -o firstMainwin.py firstMainwin.ui
3.1.5 界面与逻辑分离
新建一个CallFirstMainWin.py文件,继承界面文件的主窗口即可
import sysfrom PyQt5.QtWidgets import QApplication , QMainWindowfrom firstMainWin import *class MyMainWindow(QMainWindow,Ui_MainWindow):def __init__(self,parent = None):super(MyMainWindow,self).__init__(parent)self.setupUi(self)if __name__ == '__main__':app = QApplication(sys.argv)myWin = MyMainWindow()myWin.show()sys.exit(app.exec_())
运行 CallFirstMainWin.py