PyQt5系列教程(六)如何让界面和逻辑分离

/

软硬件环境

  • OS X EI Capitan
  • Python 3.5.1
  • PyQt 5.5.1
  • PyCharm 5.0.3

前言

前面的内容我们介绍了利用QtDesigner来设计界面,再通过命令行工具pyuic5将ui文件转换成py源文件。不过由于要响应事件操作,网网会将相应的槽函数写在ui的py文件里,这样,界面和逻辑开发就混合在一起了,每一次的ui更新都会伴随着转换后py文件的修改,想想就知道烦人了。对于多人协作的项目,这样的效率肯定是低下的。本文就来介绍如何将这二者剥离。

实例讲解

设计ui

首先用QtDesigner做一个简单的界面mainwindow.ui, 在菜单栏上加入几个子菜单

ui转换成py

利用pyuic5进行转换

  1. pyuic5 -o ui_mainwindow.py mainwindow.ui

剥离ui和逻辑

新建一个mainwindow.py文件,创建MainWindow类

  1. class MainWindow(QMainWindow, Ui_MainWindow):
  2. def __init__(self, parent=None):
  3. super(MainWindow, self).__init__(parent)
  4. self.setupUi(self)
  5. self.action_exit.triggered.connect(self.onExitTriggered)
  6. self.action_copy.triggered.connect(self.onCopyTriggered)
  7. self.action_paste.triggered.connect(self.onPasteTriggered)
  8. self.action_cut.triggered.connect(self.onCutTriggered)

在这里去绑定相应的signal和slot,实现业务逻辑,代码结构也清晰多了。这样,以后如果再遇到ui更新了,我只需要将更新后的ui文件替换,在转换成py就可以了,实现了ui和逻辑的分离。

main函数中调用

在main中实例化MainWindow,调用show方法显示

  1. if __name__ == "__main__":
  2. app = QApplication(sys.argv)
  3. mainWindow = MainWindow()
  4. mainWindow.show()
  5. sys.exit(app.exec_())

转载请注明作者和出处,并添加本页链接。
原文链接:http://xugaoxiang.com/post/30

给我留言