快捷導(dǎo)航

PyQt5使用QtDesigner實(shí)現(xiàn)多界面切換程序的全過(guò)程

更新時(shí)間：2023年06月14日 14:42:05 作者：Random_bug

Pyqt5是Python中一個(gè)可視化超級(jí)好用的庫(kù),下面這篇文章主要給大家介紹了關(guān)于PyQt5使用QtDesigner實(shí)現(xiàn)多界面切換程序的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下

一、首先要安裝QtDesigner

具體安裝步驟在此不做贅述，若是有需要的小伙伴可以去找一找教程。

二、簡(jiǎn)單介紹QtDesigner

各位伙伴安裝完成打開(kāi)之后的界面類(lèi)似如下圖（Windows版本），圖片中已經(jīng)對(duì)各個(gè)區(qū)域及其作用進(jìn)行簡(jiǎn)單介紹，具體用法會(huì)在下面繼續(xù)講解。

三、使用QtDesigner做簡(jiǎn)單界面

1.按照如下步驟，創(chuàng)建一個(gè)項(xiàng)目，開(kāi)始添加控件以及設(shè)置相應(yīng)的各項(xiàng)屬性。

2.打開(kāi)的窗口如下，通過(guò)控件屬性修改區(qū)域設(shè)置窗口的標(biāo)題和圖標(biāo)

我們雙擊修改屬性將窗口標(biāo)題修改為：W_1，關(guān)于窗口圖標(biāo)的設(shè)置會(huì)在后邊介紹導(dǎo)入本地資源文件時(shí)詳細(xì)講解。

此處我們暫時(shí)略過(guò)·······

3.為窗口添加控件（如Label（標(biāo)簽）、Button（按鈕）等）

我們通過(guò)拖動(dòng)要添加的控件Label、Push Button到創(chuàng)建的窗口區(qū)域來(lái)實(shí)現(xiàn)添加，添加成功之后，雙擊即可以修改其中的內(nèi)容，同時(shí)在空間的總覽區(qū)域，我們可以選中相應(yīng)的控件名稱(chēng)雙擊修改成為我們要設(shè)置成為的名稱(chēng)，在此處我們將Label和Push Button的名稱(chēng)分別設(shè)置為：label_1和btn_1方便我們之后在程序中的調(diào)用；在控件屬性的修改區(qū)域，我們找到font相關(guān)的屬性，通過(guò)Point Size設(shè)置字體的大小，勾選Bold選項(xiàng)表示設(shè)置字體為粗體。到此，我們第一個(gè)窗口的基本控件及其屬性已經(jīng)修改完成，點(diǎn)擊保存按鈕選擇路徑，設(shè)置文件名稱(chēng)將文件保存到預(yù)期文件夾中（注意保存格式為.ui）

4.保存設(shè)置好的文件

選擇好文件保存的路徑，將文件命名修改為與窗口名稱(chēng)一致（建議，防止寫(xiě)代碼的時(shí)候搞不清楚文件對(duì)應(yīng)的窗口）

5.重復(fù)上述操作，設(shè)置另外需要的三個(gè)子窗口模板以及第一的菜單窗口模板。

相關(guān)流程如下：

關(guān)于創(chuàng)建菜單主窗口，我們需要為其添加四個(gè)按鈕對(duì)應(yīng)四個(gè)子窗口，同時(shí)按照用戶(hù)習(xí)慣我們添加一個(gè)退出程序的按鈕，關(guān)于四個(gè)按鈕的布局我們可以添加一個(gè)horizontal Layout（水平布局器）將按鈕加入到布局器中，這樣子，四個(gè)按鈕就會(huì)在布局器區(qū)域內(nèi)均勻分布且大小相同。至此，我們關(guān)于QtDesigner的操作已經(jīng)結(jié)束，下面要開(kāi)始Python的編程階段。

四、Python編寫(xiě)程序?qū)崿F(xiàn)界面切換功能

from PyQt5 import uic
import sys
from PyQt5.QtWidgets import QWidget, QApplication
 
class Window_0(QWidget):
    def __init__(self):
        super(Window_0, self).__init__()
        self.init_ui()
 
    def init_ui(self):
        self.Firstui = uic.loadUi("UI文件/模板/W_0.ui")
        self.btn_w1 = self.Firstui.btn_w1
        self.btn_w2 = self.Firstui.btn_w2
        self.btn_w3 = self.Firstui.btn_w3
        self.btn_w4 = self.Firstui.btn_w4
        self.btn_quit = self.Firstui.btn_quit
 
class Window_1(QWidget):
    def __init__(self):
        super(Window_1, self).__init__()
        self.init_ui_1()
 
    def init_ui_1(self):
        self.ui_1 = uic.loadUi("UI文件/模板/W_1.ui")
        self.btn_1 = self.ui_1.btn_1
 
class Window_2(QWidget):
    def __init__(self):
        super(Window_2, self).__init__()
        self.init_ui_2()
 
    def init_ui_2(self):
        self.ui_2 = uic.loadUi("UI文件/模板/W_2.ui")
        self.btn_2 = self.ui_2.btn_2
 
class Window_3(QWidget):
    def __init__(self):
        super(Window_3, self).__init__()
        self.init_ui_3()
 
    def init_ui_3(self):
        self.ui_3 = uic.loadUi("UI文件/模板/W_3.ui")
        self.btn_3 = self.ui_3.btn_3
 
class Window_4(QWidget):
    def __init__(self):
        super(Window_4, self).__init__()
        self.init_ui_4()
 
    def init_ui_4(self):
        self.ui_4 = uic.loadUi("UI文件/模板/W_4.ui")
        self.btn_4 = self.ui_4.btn_4
 
if __name__ == '__main__':
    app = QApplication(sys.argv)
    w_0 = Window_0()
    w_1 = Window_1()
    w_2 = Window_2()
    w_3 = Window_3()
    w_4 = Window_4()
    w_0.Firstui.show()
    w_0.btn_w1.clicked.connect(w_1.ui_1.show)
    w_0.btn_w2.clicked.connect(w_2.ui_2.show)
    w_0.btn_w3.clicked.connect(w_3.ui_3.show)
    w_0.btn_w4.clicked.connect(w_4.ui_4.show)
    w_0.btn_quit.clicked.connect(app.quit)
    app.exec_()

注意：uic.loadUi("UI文件/模板/W_0.ui")雙引號(hào)里邊的內(nèi)容是為對(duì)應(yīng)的UI文件的存儲(chǔ)路徑，根據(jù)自己文件的存儲(chǔ)路徑自行修改。