1. 程式人生 > 程式設計 >PYQT5 vscode聯合操作qtdesigner的方法

PYQT5 vscode聯合操作qtdesigner的方法

除了使用pycharm外,還可使用vscode來操作pyqt,方法如下:

1. 在vscode中配置相關的pyqt的相關

PYQT5 vscode聯合操作qtdesigner的方法

PYQT5 vscode聯合操作qtdesigner的方法

根據自己實際情況修改第一項pyqt的路徑

2. 建立一個資料夾,右鍵,最後一項可以建立一個新視窗

PYQT5 vscode聯合操作qtdesigner的方法

建立的新視窗字尾為 .ui

PYQT5 vscode聯合操作qtdesigner的方法

右鍵中有以下四個選項,分別是建立一個新視窗,預覽,編輯,編譯產生py檔案。

我們在designer中設計完成後,通過最後一個編譯生成檔案。

通過pycharm生成的為一個和designer一樣的py檔案,如上圖中第二個檔案。通過vscode生成的是以Ui_開頭的一個py檔案。

PYQT5 vscode聯合操作qtdesigner的方法

本文中採用了業務與邏輯分離的方法,所以建立了第一個Call開頭的呼叫檔案,用於呼叫ui介面檔案。

檔案內容如下:

import sys
from PyQt5.QtWidgets import QApplication,QMainWindow
from Ui_MainWinSignalSlog01 import Ui_Form # 使用vscode生成的呼叫方法
# from MainWinSignalSlog01 import Ui_Form # 使用pycharm生成的呼叫方法
 
class MyMainWindow(QMainWindow,Ui_Form):
  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_())

執行F5,可以看到視窗實現:

PYQT5 vscode聯合操作qtdesigner的方法

到此這篇關於PYQT5 vscode聯合操作qtdesigner的方法的文章就介紹到這了,更多相關PYQT5 vscode操作qtdesigner內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!