PyCharm+QTDesigner+PyUIC使用教程

咱們在PyCharm安裝配置Qt Designer+PyUIC教程中已配置好了PyCharm+QTDesigner+PyUIC環境

這裏在此基上咱們演示如何使用這些工具，編寫一個圖形界面程序：

程序主界面上有一個按鈕和一個編緝框，點擊按鈕就在編緝框中顯示「你點擊了按鈕」

 

1、使用QT Desinger設計程序主界面

2.1 設計界面

在PyCharm中建立一個項目，而後點擊「Tools」--「External Tools」--「QTDesinger」打開QT Desinger

而後向Form中拖入一個「Push Button」和一個「Text Edit」

2.2 指定點擊事件及其響應函數

在工具欄點擊信號-槽編緝按鈕----光標移動到「PushButton」按鈕上----鼠標左鍵點擊「PushButton」不要鬆開--拖動光標到Form的任一位置後再鬆開鼠標左鍵

通過上邊的操做就出現了以下界面，「pushButton」側選中「click()」，「Form」側點擊「Edit」

在上邊「Slots」點擊綠色「+」按鈕，指定click事件的響應函數，名稱隨意定好比我這裏命名爲「pushButton_click()」

（咱們這裏只是指定事件與響應函數的關聯關係，函數是還沒實現的，後邊咱們自行實現）

這樣界面設計和事件關聯就完成了，咱們下來選擇保存，將文件保存到項目的根目錄下

 

 2、使用PyUIC將文件轉成python代碼

 關閉QT Designer回到PyCharm，查看項目，能夠看到只有剛纔保存的PyQT_Form.ui文件並且該文件在PyCharm是打不開的

咱們須要將這個文件轉成.py代碼才能使用

選中「PyQT_Form」，在其上點擊鼠標右鍵，到「External Tools」中點擊「PyUIC」

完後再看項目文件，就能夠看到多了一個「PyQT_Form.py」，雙擊查看其內容以下：

 

 3、實現程序

應該來講咱們只要在上邊的「PyQT_Form.py」中，將須要的包導入---添加pushButton_click()函數實現代碼----實例化Ui_Form類，實現這三步程序應該就差很少了

可是PyQT_Form.py是PyUIC文件按照「PyQT_Form.ui」生成的，若是咱們須要去調整PyQT_Form.ui（好比調整按鈕位置調整文本框大小，後續調整界面在實際編程中基本是必然需求）

調整完後從新生成PyQT_Form.py時，PyUIC可不會管當前咱們已經在PyQT_Form.py中寫了什麼代碼，舊PyQT_Form.py會直接被新PyQT_Form.py覆蓋

也就是說，全部邏輯代碼咱們都不該當寫入PyQT_Form.py文件（或者叫不要動PyQT_Form.py文件），咱們新建一個文件在裏邊建立一個子類（MyPyQT_Form）繼承PyQT_Form.py中的Ui_Form

 

3.1 實現代碼

在項目中新建一個.py文件，寫入以下代碼

import sys
from PyQt5 import QtWidgets
from PyQT_Form import Ui_Form

class MyPyQT_Form(QtWidgets.QWidget,Ui_Form):
    def __init__(self):
        super(MyPyQT_Form,self).__init__()
        self.setupUi(self)

    #實現pushButton_click()函數，textEdit是咱們放上去的文本框的id
    def pushButton_click(self):
        self.textEdit.setText("你點擊了按鈕")


if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    my_pyqt_form = MyPyQT_Form()
    my_pyqt_form.show()
    sys.exit(app.exec_())

 

3.2 運行演示

右鍵選擇運行

運行界面以下

點擊「PushButton」後界面以下