一、PyQt5第一个Demo
这是我们直接用代码编写的一个窗口demo程序:
import sys # 导入QWidget和QApplication from PyQt5.QtWidgets import QWidget, QApplication if __name__ == '__main__': # 创建一个QApplication实例 app = QApplication(sys.argv) # 创建一个窗口 win = QWidget() # 设置窗口的尺寸 win.resize(600, 400) # 移动窗口到指定的位置,开启后的默认位置 win.move(400, 400) # 设置窗口的标题 win.setWindowTitle("这是第一个窗口程序") # 显示窗口 win.show() # 进入程序主循环,并通过exit函数确保主循环安全结束 sys.exit(app.exec_())
后面我们可以直接使用QTDesigner来方便的布局和自动生成UI代码。
二、使用QTdesigner
1.配置使用QTDesigner扩展工具
在pycharm的项目配置中配置扩展工具,将QTDesigner加入其中:
2.在pycharm中打开QTDesigner
或者:
此时,我们就可以使用QTDesigner来设计窗口了:
2.将ui文件转换为py代码
1)将ui文件转化成py代码
我们在QTDesigner中创建主窗口,然后将布局后的窗口保存为my.ui文件。然后将其拷贝到pycharm的项目目录下:
然后我们使用命令,根据my.ui生成my.py文件:
python -m PyQt5.uic.pyuic d:PycharmProjectslearn_pyqt5my.ui -o d:PycharmProjectslearn_pyqt5my.py
可以看到,my.py已经生成:
查看一下my.py的具体内容:
from PyQt5 import QtCore, QtGui, QtWidgets class Ui_MainWindow(object): def setupUi(self, MainWindow): MainWindow.setObjectName("MainWindow") MainWindow.resize(800, 597) self.centralwidget = QtWidgets.QWidget(MainWindow) self.centralwidget.setObjectName("centralwidget") self.gridLayoutWidget = QtWidgets.QWidget(self.centralwidget) self.gridLayoutWidget.setGeometry(QtCore.QRect(170, 170, 371, 71)) self.gridLayoutWidget.setObjectName("gridLayoutWidget") self.gridLayout = QtWidgets.QGridLayout(self.gridLayoutWidget) self.gridLayout.setContentsMargins(0, 0, 0, 0) self.gridLayout.setObjectName("gridLayout") self.pushButton = QtWidgets.QPushButton(self.gridLayoutWidget) self.pushButton.setObjectName("pushButton") self.gridLayout.addWidget(self.pushButton, 0, 0, 1, 1) self.pushButton_2 = QtWidgets.QPushButton(self.gridLayoutWidget) self.pushButton_2.setObjectName("pushButton_2") self.gridLayout.addWidget(self.pushButton_2, 1, 0, 1, 1) self.pushButton_3 = QtWidgets.QPushButton(self.gridLayoutWidget) self.pushButton_3.setObjectName("pushButton_3") self.gridLayout.addWidget(self.pushButton_3, 1, 1, 1, 1) self.pushButton_4 = QtWidgets.QPushButton(self.gridLayoutWidget) self.pushButton_4.setObjectName("pushButton_4") self.gridLayout.addWidget(self.pushButton_4, 0, 1, 1, 1) MainWindow.setCentralWidget(self.centralwidget) self.menubar = QtWidgets.QMenuBar(MainWindow) self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 23)) self.menubar.setObjectName("menubar") MainWindow.setMenuBar(self.menubar) self.statusbar = QtWidgets.QStatusBar(MainWindow) self.statusbar.setObjectName("statusbar") MainWindow.setStatusBar(self.statusbar) self.retranslateUi(MainWindow) QtCore.QMetaObject.connectSlotsByName(MainWindow) def retranslateUi(self, MainWindow): _translate = QtCore.QCoreApplication.translate MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow")) self.pushButton.setText(_translate("MainWindow", "PushButton")) self.pushButton_2.setText(_translate("MainWindow", "PushButton")) self.pushButton_3.setText(_translate("MainWindow", "PushButton")) self.pushButton_4.setText(_translate("MainWindow", "PushButton"))
2)第二种方法
第一种方法是使用python运行PyQt5.uic.pyuic。
第二种方法是直接使用pyuic5命令:
注意,该命令在Anaconda3/pkgs/pyqt-5.9.2-py37h6538335_2/Library/bin下。
使用方法和第一种方法差不多:
pyuic5 d:PycharmProjectslearn_pyqt5my.ui -o d:PycharmProjectslearn_pyqt5my.py
3.将pyuic加入pycharm扩展工具中
然后就可以直接在ui文件上右键使用扩展工具生成py代码了:
可以看到,生成了和前面一样的my.py:
三、运行ui自动生成的窗口
在第二节中,我们已经生成了my.py代码,那么我们将其运行起来:
import sys from PyQt5.QtWidgets import QApplication, QMainWindow from my import Ui_MainWindow if __name__ == '__main__': # 创建一个App实例 app = QApplication(sys.argv) # 创建一个主窗口 mainWin = QMainWindow() # 使用我们生成的UI窗口实例 ui = Ui_MainWindow() # 将主窗口传递进去,让Ui_MainWindow帮我们向主窗口上放置组件 ui.setupUi(mainWin) # 显示 mainWin.show() # 主循环 sys.exit(app.exec_())
注意,这里我们最好不要直接在my.py中进行编写代码,因为如果我们通过my.ui修改布局时,重新生成my.py代码的时候可能会覆盖我们已经编写代码的文件。所以,通过导入的形式来利用my.py是最好的。
运行test1.py,可以看到窗口效果:
====