Python中如何創(chuàng)建一個(gè)復(fù)雜的GUI

Python中如何創(chuàng)建一個(gè)復(fù)雜的GUI，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

我們使用Qt設(shè)計(jì)師創(chuàng)建一個(gè)稍顯復(fù)雜的GUI。其中包括：

• 兩個(gè)選項(xiàng)卡TabWidgets

• 兩個(gè)子選項(xiàng)卡TabWidgets

• 一個(gè)日期部件DateEdit

• 一個(gè)日歷部件CalendarWidget

• 一個(gè)樹形部件TreeWidget

• 一個(gè)組盒子GroupBox

• 三個(gè)單選按鈕RadioButton

• 一個(gè)字體選擇盒子FontComboBox

• 一個(gè)Lable標(biāo)簽

• 一個(gè)進(jìn)度條progressBar

• 一個(gè)刻度盤Dial

• 一個(gè)LCD數(shù)據(jù)顯示器LcdNumber

所有的步驟通過Qt設(shè)計(jì)師的拖拽就可以完成。

創(chuàng)建主選項(xiàng)卡

新建一個(gè)主窗口，拖拽TabWidget部件到主窗口中：

在選項(xiàng)卡1中創(chuàng)建一個(gè)子選項(xiàng)卡

繼續(xù)使用TabWidget部件，在選項(xiàng)卡1中創(chuàng)建一個(gè)子選項(xiàng)卡：

在子選項(xiàng)卡1中添加一個(gè)樹部件

我們繼續(xù)使用TreeWidget部件，在剛剛創(chuàng)建的子選項(xiàng)卡1中創(chuàng)建一個(gè)樹，并添加一些信息：

在子選項(xiàng)卡2中添加日期和日歷部件

現(xiàn)在切換到子選項(xiàng)卡2中，我們使用DateEdit部件和CalendarWidget部件，在子選項(xiàng)卡2中添加一個(gè)日期修改框和一個(gè)日歷框，采用垂直布局：

在選項(xiàng)卡2中添加按鈕組

選項(xiàng)卡1已經(jīng)構(gòu)建好了，現(xiàn)在切換到選項(xiàng)卡2。
我們先使用GroupBox部件在創(chuàng)建一個(gè)組部件，然后在其中添加三個(gè)PushButton部件：

在選項(xiàng)卡2中添加刻度和LCD部件

我們?cè)僭谶x項(xiàng)卡2中添加一個(gè)刻度盤和LCD顯示器，放置在一個(gè)組部件中：

在選項(xiàng)卡2中添加一個(gè)字體選擇器

接著，使用FontComboBox部件和Label部件，在選項(xiàng)卡2中添加一個(gè)字體選擇器和文本顯示：

在選項(xiàng)卡2中添加一個(gè)進(jìn)度欄

最后，我們使用ProcessBar部件在選項(xiàng)卡2中添加一個(gè)進(jìn)度欄：

這樣就完成了整個(gè)GUI的圖形界面設(shè)計(jì)。
接下來，我們創(chuàng)建信號(hào)/槽來實(shí)現(xiàn)GUI的事件響應(yīng)。

轉(zhuǎn)換UI文件為Python文件

我們首先轉(zhuǎn)換設(shè)計(jì)好的UI文件為Python文件，按照之前的解耦思想，將界面代碼與邏輯代碼分離。

轉(zhuǎn)換UI文件后，新建一個(gè)Python文件，引入轉(zhuǎn)換為Python代碼的GUI窗口：

運(yùn)行一下，看是否正常：

新建一個(gè)邏輯類

為了便于操作，我們創(chuàng)建一個(gè)新類MainWindow，將程序的主循環(huán)放入其中，其余的邏輯功能以類的方法的方式添加：

實(shí)現(xiàn)日歷選擇同步到日期選擇器

我們?cè)谶x項(xiàng)卡1的子選項(xiàng)卡2中構(gòu)建了一個(gè)日期修改器和一個(gè)日歷。
我們需要在日歷上對(duì)日期進(jìn)行點(diǎn)擊的時(shí)候，日期修改器上同步顯示我們選擇的日期。

我們?cè)贛ainWindow()類中，新建一個(gè)update_date()方法，用于設(shè)置日期修改器的數(shù)值：

再新建一個(gè)update_calendar()方法，用于設(shè)置點(diǎn)擊日歷的信號(hào)/槽，將其響應(yīng)到日期修改器上：

完整的代碼如下：

這樣，我們點(diǎn)擊了日歷上的一個(gè)日期，日期修改器上就會(huì)顯示我們點(diǎn)擊日期。

實(shí)現(xiàn)LCD顯示器數(shù)字跟隨刻度盤變化

我們?cè)诮M合子部件中放置了一個(gè)Dial刻度盤和LCDNumber顯示器。
我們可以設(shè)置LCD顯示器上的數(shù)字跟隨著刻度盤的變化而變化。

同樣是創(chuàng)建兩個(gè)方法：

一個(gè)用來設(shè)置LCD顯示器的數(shù)字，一個(gè)用來響應(yīng)刻度盤的信號(hào)。

實(shí)現(xiàn)按鈕控制進(jìn)度欄

我們?cè)谶x項(xiàng)卡2中放置了3個(gè)單選按鈕，和一個(gè)進(jìn)度條，現(xiàn)在我們讓單選按鈕來控制進(jìn)度欄的進(jìn)度。其中，第一個(gè)按鈕是默認(rèn)選項(xiàng)，第二個(gè)按鈕用來重置清零進(jìn)度欄，第三個(gè)按鈕用來根據(jù)LCD上的數(shù)字來更新。

設(shè)置第二個(gè)按鈕清零進(jìn)度欄，新建一個(gè)方法：

設(shè)置第三個(gè)按鈕的功能，新建兩個(gè)方法：

更新字體選擇

我們還在選項(xiàng)卡2中放置了一個(gè)字體選擇部件和一個(gè)label標(biāo)簽部件，我們可以設(shè)置選擇了某個(gè)字體，就顯示在label標(biāo)簽上。

這樣，一個(gè)稍顯復(fù)雜的GUI就完成了。

看完上述內(nèi)容，你們掌握Python中如何創(chuàng)建一個(gè)復(fù)雜的GUI的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！