一、PyQt5第一个Demo
这是我们直接用代码编写的一个窗口demo程序:
importsys#导入QWidget和QApplication
from PyQt5.QtWidgets importQWidget, QApplicationif __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:\PycharmProjects\learn_pyqt5\my.ui -o d:\PycharmProjects\learn_pyqt5\my.py
可以看到,my.py已经生成:
查看一下my.py的具体内容:
from PyQt5 importQtCore, QtGui, QtWidgetsclassUi_MainWindow(object):defsetupUi(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)defretranslateUi(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:\PycharmProjects\learn_pyqt5\my.ui -o d:\PycharmProjects\learn_pyqt5\my.py
3.将pyuic加入pycharm扩展工具中
然后就可以直接在ui文件上右键使用扩展工具生成py代码了:
可以看到,生成了和前面一样的my.py:
三、运行ui自动生成的窗口
在第二节中,我们已经生成了my.py代码,那么我们将其运行起来:
importsysfrom PyQt5.QtWidgets importQApplication, QMainWindowfrom my importUi_MainWindowif __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,可以看到窗口效果:
====