快捷導(dǎo)航

如何利用PyQt5制作一個(gè)簡(jiǎn)單的登錄界面

更新時(shí)間：2022年06月09日 10:28:18 作者：ki_rui

初學(xué)者制作登錄界面時(shí)常遇到網(wǎng)上代碼看不懂、不會(huì)用、用不了的問題,下面這篇文章主要給大家介紹了關(guān)于如何利用PyQt5制作一個(gè)簡(jiǎn)單的登錄界面,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

環(huán)境配置

新建python虛擬環(huán)境并激活

conda create -n pyqt python=3.8
conda activate py36

安裝pyqt5

pip install pyqt5

安裝pyqt5-tools

pip install pyqt5-tools

在PyCharm中新建一個(gè)qtdemo工程，并使用這個(gè)新建的python虛擬環(huán)境作為工程環(huán)境

額外工具配置

依次點(diǎn)擊File---Settings---Tools---External Tools，再點(diǎn)擊下圖中箭頭所指的+，然后你需要設(shè)置三個(gè)參數(shù)。Name隨便命名即可（我設(shè)置為QT Designer），Program輸入designer.exe的路徑（我的為D:\setup\Anaconda\envs\pyqt\Lib\site-packages\qt5_applications\Qt\bin\designer.exe，注意你自己的虛擬環(huán)境路徑），Working directory輸入$FileDir$。最后點(diǎn)擊ok即可。

再次點(diǎn)擊+，設(shè)置四個(gè)參數(shù)。Name隨便命名即可（我設(shè)置為PyUIC），Program輸入pyuic5.exe的路徑（我的為D:\setup\Anaconda\envs\pyqt\Scripts\pyuic5.exe，注意你自己的虛擬環(huán)境路徑），Arguments輸入$FileName$ -o $FileNameWithoutExtension$.py，Working directory輸入$FileDir$。最后點(diǎn)擊ok即可。

生成UI界面

右鍵項(xiàng)目根目錄，點(diǎn)擊External Tools---QT Designer，彈出QT Designer的窗口

QT Designer窗口如下所示，點(diǎn)擊Dialog without Buttons，然后創(chuàng)建

拖拽Label和Line Edit到剛剛新建的Dialog中，在label中輸入賬號(hào)或密碼；然后拖拽Push Button可以生成按鈕。左欄中還有很多其它選項(xiàng)，可自行探索。

可以在右欄中windowTitle處修改窗口標(biāo)題

最后保存，該.ui文件會(huì)自動(dòng)保存在python項(xiàng)目的根目錄下（可以重名為test.ui）。事實(shí)上，正是之前設(shè)置額外工具時(shí)在Working directory一欄輸入了$FileDir$才使得它可以自動(dòng)保存在項(xiàng)目根目錄。

此時(shí)回到PyCharm界面，可以看到項(xiàng)目中多出來(lái)一個(gè)test.ui文件，右鍵該文件，點(diǎn)擊External Tools---PyUIC，即可自動(dòng)生成test.py。

新建一個(gè)demo.py，代碼如下

import sys,test
from PyQt5.QtWidgets import QApplication,QMainWindow

if __name__=='__main__':
    app=QApplication(sys.argv)
    MainWindow=QMainWindow()
    ui=test.Ui_Dialog()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

運(yùn)行demo.py，即可看到你剛剛配置好的UI界面。