前言

本節(jié)我們使用QT Designer.exe設(shè)計(jì)stackedWidget實(shí)現(xiàn)導(dǎo)航功能。

成都創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計(jì)公司，集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商，主營(yíng)產(chǎn)品：自適應(yīng)網(wǎng)站建設(shè)、成都品牌網(wǎng)站建設(shè)、全網(wǎng)整合營(yíng)銷(xiāo)推廣。我們專(zhuān)注企業(yè)品牌在網(wǎng)站中的整體樹(shù)立，網(wǎng)絡(luò)互動(dòng)的體驗(yàn)，以及在手機(jī)等移動(dòng)端的優(yōu)質(zhì)呈現(xiàn)。成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、移動(dòng)互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營(yíng)、VI設(shè)計(jì)、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶(hù)提供一站式解決方案，我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶(hù)，為客戶(hù)提供賞析悅目的作品，網(wǎng)站的價(jià)值服務(wù)。

一、基礎(chǔ)知識(shí)

1. QStackedWidget簡(jiǎn)介

QStackedWidget，叫做堆載窗口控件，可以添加多個(gè)page,每個(gè)page顯示不同的內(nèi)容，頁(yè)面中使用這個(gè)功能，可以再共同一區(qū)域在不同條件下顯示不同內(nèi)容，方便開(kāi)發(fā)使用，關(guān)于API本文不做過(guò)多介紹，我們使用QT設(shè)計(jì)師來(lái)設(shè)計(jì)StackedWdiget，只需要了解調(diào)用QStackedWidget.setCurrentindex(index)可以顯示不同的頁(yè)面即可。

二、實(shí)例

1. QT Designer設(shè)計(jì)UI

打開(kāi)designer.exe,使用默認(rèn)的Main Window創(chuàng)建，直接點(diǎn)擊Create按鈕即可

設(shè)計(jì)UI圖如下，并保存為stackWidget.ui

設(shè)置頁(yè)面1

設(shè)置頁(yè)面2，點(diǎn)擊Object Inspector中page2頁(yè)面，再設(shè)計(jì)框中增加一個(gè)label

切換到page2頁(yè)面，點(diǎn)解insert Page/After Current Page

2 將stack.ui轉(zhuǎn)換為ui_stack.py

進(jìn)入ui_stack.py目錄，輸入pyuic5 -o ui_stack.py stack.ui

3 編寫(xiě)python程序

#?encoding=utf-8
import?sys
import?PyQt5.QtWidgets?as?qw
import?ui_stack
class?myForm(qw.QWidget,?ui_stack.Ui_Form):
????def?__init__(self):
????????super().__init__()
????????self.setupUi(self)
????????self.pushButton1.clicked.connect(self.btn1_fun)
????????self.pushButton2.clicked.connect(self.btn2_fun)
????????self.pushButton3.clicked.connect(self.btn3_fun)
????def?btn1_fun(self):
????????self.stackedWidget.setCurrentIndex(0)
????def?btn2_fun(self):
????????self.stackedWidget.setCurrentIndex(1)
????def?btn3_fun(self):
????????self.stackedWidget.setCurrentIndex(2)
if?__name__?==?'__main__':
????app?=?qw.QApplication(sys.argv)
????w?=?myForm()
????w.show()
????sys.exit(app.exec_())

首先再Q(mào)T設(shè)計(jì)師中設(shè)計(jì)頁(yè)面，左邊是導(dǎo)航欄，再listWidget中放置三個(gè)按鈕，分別是測(cè)試項(xiàng)1，測(cè)試項(xiàng)2，測(cè)試項(xiàng)3。右邊是stackedWidget，在其中設(shè)計(jì)3個(gè)頁(yè)面，放置三個(gè)label，內(nèi)容分別是“我是測(cè)試項(xiàng)一”，“我是測(cè)試項(xiàng)二”， “我是測(cè)試項(xiàng)三”，然后導(dǎo)出成ui_stack.py文件，編寫(xiě)代碼為listWidget中的按鈕添加槽函數(shù)，在槽函數(shù)中切換到對(duì)應(yīng)的頁(yè)面，使用stackedWidget.setCurrentindex(index)即可。

三、運(yùn)行

進(jìn)入文件目錄，輸入python3 run.py,即可彈出上述用QT Designer設(shè)計(jì)出來(lái)的頁(yè)面，stckedWidget中默認(rèn)顯示第一個(gè)頁(yè)面。

點(diǎn)擊按鈕測(cè)試項(xiàng)2，結(jié)果如下圖

點(diǎn)擊按鈕測(cè)試項(xiàng)3，結(jié)果如下圖

四、結(jié)語(yǔ)

如您在使用過(guò)程中有任何問(wèn)題，請(qǐng)加QQ群進(jìn)一步交流,也可以github提Issue。

QQ交流群：906015840 (備注：物聯(lián)網(wǎng)項(xiàng)目交流)

獲取源碼：關(guān)注公眾號(hào)，回復(fù)pyqt5即可

一葉孤沙出品：一沙一世界，一葉一菩提

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)題目：pyqt5快速上手基礎(chǔ)篇6-QStackedWidget實(shí)現(xiàn)-創(chuàng)新互聯(lián)
標(biāo)題來(lái)源：http://weahome.cn/article/dpdjsj.html