1.PyQt5和Qt designer准備
win+r cmd 輸入以下
python -m pip install -i http://pypi.douban.com/simple --trusted-host pypi.douban.com PyQt5
python -m pip install -i http://pypi.douban.com/simple --trusted-host pypi.douban.com PyQt5-Tools
打開vscode,搜索pyqt integration,安裝(若原本未用vscode可能要轉看VSCode配置Python、PyQt5、QtDesigner環境並創建一個ui界面測試_寧堯的博客-CSDN博客更清晰一些,會告訴你vscode的配置之類的)
2.配置pyqt integration
vscode中,文件——首選項——設置——搜索pyqt
a.將python安裝路徑下的designer找到並填到此處(lib前面每人不一樣,看你的python裝在哪里)
C:\Python37\Lib\site-packages\qt5_applications\Qt\bin\designer
b.選做:pyuic5路徑也改(看到兩個這樣改的,但有博主沒改也沒影響暫時,我在此處未改)
C:\Python37\Scripts\pyuic5
3.編輯界面
a.vscode——資源管理器,打開一個文件夾——在空白處右鍵——PYQT: New Form——創建Main Window
b.拖動左側工具,添加(內部文字可雙擊進行修改)
c.保存這個ui界面在一個文件夾內
4.將ui文件轉成py文件
從vscode資源管理器打開這個文件夾(或者文件——打開文件夾)
在test1.ui右鍵——PYQT: Compile Form ,自動生成py文件Ui_test1.py(或者win+r cmd 在保存ui文件的盤:pyuic5 -o name.py name.ui)
5.運行顯示
需要在此文件夾下新建main.py文件
復制以下代碼
# UI_test import sys from PyQt5 import QtCore, QtGui, QtWidgets from Ui_test1 import Ui_MainWindow class testwindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(testwindow,self).__init__() self.setupUi(self) if __name__=='__main__': app = QtWidgets.QApplication(sys.argv) window = testwindow() window.show() sys.exit(app.exec_())
以下這個是另一位博主的,下有鏈接,目前初涉,未細究,兩個版本有一點點不同,但是無傷大雅,都能實現。
1 import sys 2 from PyQt5.QtWidgets import QApplication, QMainWindow 3 4 import Ui_untitled 5 6 if __name__ == '__main__': 7 app = QApplication(sys.argv) 8 MainWindow = QMainWindow() 9 ui = Ui_untitled.Ui_MainWindow() 10 ui.setupUi(MainWindow) 11 MainWindow.show() 12 sys.exit(app.exec_()) 13 ———————————————— 14 版權聲明:本文為CSDN博主「寧堯」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。 15 原文鏈接:https://blog.csdn.net/weixin_40014984/article/details/104531359
運行main.py文件,顯示(按鈕等的connect沒有寫,留個坑看看下一篇的時候爭取弄懂)
附上更加詳細的GitHub - muziing/PyQt_practice: 通過可直接運行的代碼示例講解PyQt 5常用基礎控件。附有學習資源、demo分享
PyQt5(designer)入門教程_AzureMouse的博客-CSDN博客
PyQt5高級界面控件之QTableView(一)_jia666666的博客-CSDN博客_pyqt5 tableview
推薦有空去那里看看~