主頁(yè) > 知識(shí)庫(kù) > python3+PyQt5+Qt Designer實(shí)現(xiàn)界面可視化

python3+PyQt5+Qt Designer實(shí)現(xiàn)界面可視化

熱門標(biāo)簽:孝感營(yíng)銷電話機(jī)器人效果怎么樣 騰訊地圖標(biāo)注沒(méi)法顯示 南陽(yáng)打電話機(jī)器人 ai電銷機(jī)器人的優(yōu)勢(shì) 聊城語(yǔ)音外呼系統(tǒng) 打電話機(jī)器人營(yíng)銷 地圖標(biāo)注自己和別人標(biāo)注區(qū)別 海外網(wǎng)吧地圖標(biāo)注注冊(cè) 商家地圖標(biāo)注海報(bào)

前言

       以前制作一個(gè)Python窗體界面,我都是用GUI窗口視窗設(shè)計(jì)的模塊Tkinter一點(diǎn)一點(diǎn)敲出來(lái)的,今天朋友問(wèn)我有沒(méi)有Python窗體的設(shè)計(jì)工具,“用鼠標(biāo)拖拖”就能完成窗體設(shè)計(jì),我查了查相關(guān)資料,果然有一款好用的工具——Qt Designer

 1.安裝Qt Designer

        這里需要安裝兩個(gè)東西:PyQt5PyQt5-tools

安裝PyQt5:打開(kāi)CMD或者PowerShell,在命令窗中輸入

pip install PyQt5

執(zhí)行結(jié)果如下:

 安裝PyQt5-tools:打開(kāi)CMD或者PowerShell,在命令窗中輸入

pip install PyQt5-tools

執(zhí)行結(jié)果如下:

 2.配置開(kāi)發(fā)工具

        安裝完Qt Designer后,我們利用PyCharm進(jìn)行界面開(kāi)發(fā),下面進(jìn)行Qt開(kāi)發(fā)工具的配置。

在PyCharm中依次打開(kāi):File→Settings 彈出Settings對(duì)話框,如下圖

 然后按下圖的4個(gè)步驟,打開(kāi)Create Tools對(duì)話窗:

這里需要配置兩個(gè)

(1)配置QTDesigner,用來(lái)打開(kāi)QT可視化開(kāi)發(fā)工具

 如下圖,分別在Name、ProgramWorking dirctory填入如下信息:

Name:QTDesigner

Program:D:\ProgramSoftware\Anaconda3\Lib\site-packages\pyqt5_tools\Qt\bin\designer.exe
                  注意:該路徑為你Python安裝路徑下Lib\site-packages\pyqt5_tools文件夾里

Working dirctory:$FileDir$

(2)配置PyUIC,用來(lái)將Qt Designer開(kāi)發(fā)工具生成的.ui文件轉(zhuǎn)換為.py文件

 如下圖,分別在Name、Program、Arguments、Working dirctory填入如下信息:

Name:PyUIC

Program:D:\ProgramSoftware\Anaconda3\Scripts\pyuic5.exe
                  注意:該路徑為你Python安裝路徑下Scripts文件夾里

Arguments:$FileName$ -o $FileNameWithoutExtension$.py

Working dirctory:$FileDir$

至此,安裝和配置過(guò)程全部結(jié)束,下面介紹簡(jiǎn)單的使用教程。

 3.使用Qt Designer設(shè)計(jì)界面  

在PyCharm中創(chuàng)建一個(gè)項(xiàng)目,然后點(diǎn)擊“Tools”--“External Tools”--“QTDesinger”打開(kāi)QT Desinger,如下圖:

 在New Form對(duì)話框里選擇Widget模板,然后點(diǎn)擊創(chuàng)建:

 然后就會(huì)出現(xiàn)Qt Designer主界面,向Form中分別拖入一個(gè)“Push Button”和一個(gè)“Text Edit”,如下圖:

 指定點(diǎn)擊事件及其響應(yīng)函數(shù)

工具欄點(diǎn)擊 這個(gè)圖標(biāo)  ,然后光標(biāo)移動(dòng)到“PushButton”按鈕上,鼠標(biāo)左鍵 點(diǎn)擊 “PushButton”按鈕 不要松開(kāi),拖動(dòng)光標(biāo) 到 按鈕旁邊的任一位置后 再松開(kāi)鼠標(biāo)左鍵

隨后就出現(xiàn)了如下界面,在對(duì)話框左側(cè)選中clicked()”,右側(cè)點(diǎn)擊“Edit

 然后點(diǎn)擊綠色“+”按鈕,指定click事件的響應(yīng)函數(shù),名稱隨意,比如我這里命名為“pushButton_click()”
(我們這里只是指定事件與響應(yīng)函數(shù)的關(guān)聯(lián)關(guān)系,函數(shù)是還沒(méi)實(shí)現(xiàn)的,后邊我們自行實(shí)現(xiàn))

最后,將設(shè)計(jì)的界面保存。

4.使用PyUIC將文件轉(zhuǎn)成python代碼

       關(guān)閉QT Designer回到PyCharm,查看項(xiàng)目,可以看到只有剛才保存的PyQT_Form.ui文件而且該文件在PyCharm是打不開(kāi)的,我們需要將這個(gè)文件轉(zhuǎn)成.py代碼才能使用。

選中“PyQT_Form”,在其上點(diǎn)擊鼠標(biāo)右鍵,到“External Tools”中點(diǎn)擊“PyUIC

之后再看項(xiàng)目文件,就可以看到多了一個(gè)“PyQT_Form.py”,雙擊查看其內(nèi)容如下:

 5.編寫(xiě)邏輯代碼

       界面與業(yè)務(wù)邏輯分離實(shí)現(xiàn):這一步主要實(shí)現(xiàn)業(yè)務(wù)邏輯,也就是點(diǎn)擊登錄和退出按鈕后程序要執(zhí)行的操作。為了后續(xù)維護(hù)方便,采用界面與業(yè)務(wù)邏輯相分離來(lái)實(shí)現(xiàn)。也就是通過(guò)創(chuàng)建主程序調(diào)用界面文件方式實(shí)現(xiàn)。這有2個(gè)好處:1.就是實(shí)現(xiàn)邏輯清晰。2.后續(xù)如果界面或者邏輯需要變更,好維護(hù)新建一個(gè).py文件程序,在里邊創(chuàng)建一個(gè)子類(MyPyQT_Form)繼承PyQT_Form.py中的Ui_Form。具體代碼如下

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)
 
    #實(shí)現(xiàn)pushButton_click()函數(shù),textEdit是我們放上去的文本框的id
    def pushButton_click(self):
        self.textEdit.setText("你點(diǎn)擊了按鈕")
 
 
if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    my_pyqt_form = MyPyQT_Form()
    my_pyqt_form.show()
    sys.exit(app.exec_())

6.運(yùn)行

      至此,我們終于完成了第一個(gè)Python界面的設(shè)計(jì),好累 ( ̄o ̄) . z Z ,運(yùn)行效果如下:

參考資料:

https://www.cnblogs.com/lsdb/p/9121903.html
https://www.cnblogs.com/lsdb/p/9122425.html
https://www.jb51.net/article/167015.htm

到此這篇關(guān)于python3+PyQt5+Qt Designer實(shí)現(xiàn)界面可視化的文章就介紹到這了,更多相關(guān)python3 界面可視化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

您可能感興趣的文章:
  • PyQt5結(jié)合QtDesigner實(shí)現(xiàn)文本框讀寫(xiě)操作
  • 解決pycharm19.3.3安裝pyqt5找不到designer.exe和pyuic.exe的問(wèn)題
  • PyCharm安裝PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步驟詳解
  • PyCharm+PyQt5+QtDesigner配置詳解
  • pyqt5、qtdesigner安裝和環(huán)境設(shè)置教程
  • pyqt5對(duì)用qt designer設(shè)計(jì)的窗體實(shí)現(xiàn)彈出子窗口的示例
  • PyQt5 關(guān)于Qt Designer的初步應(yīng)用和打包過(guò)程詳解

標(biāo)簽:南寧 楊凌 牡丹江 聊城 揚(yáng)州 撫州 迪慶 六盤水

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《python3+PyQt5+Qt Designer實(shí)現(xiàn)界面可視化》,本文關(guān)鍵詞  python3+PyQt5+Qt,Designer,實(shí)現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《python3+PyQt5+Qt Designer實(shí)現(xiàn)界面可視化》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于python3+PyQt5+Qt Designer實(shí)現(xiàn)界面可視化的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章