免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

• 構(gòu)建一個(gè)更加復(fù)制的GUI

• 在選項(xiàng)卡部件中應(yīng)用多個(gè)層級(jí)

• 添加一個(gè)樹(shù)部件和一個(gè)日歷部件

• 使用一個(gè)刻度盤部件來(lái)控制一個(gè)LCD顯示器部件上的數(shù)字

• 連接刻度盤部件和LCD部件到一個(gè)單選按鈕上

• 使用一個(gè)單選按鈕來(lái)更新進(jìn)度欄部件

延續(xù)上一篇的解耦思想，我們使用Qt設(shè)計(jì)師創(chuàng)建一個(gè)基本的包含各個(gè)部件的圖形窗口，再在邏輯代碼中對(duì)圖形窗口進(jìn)行調(diào)用和操作。

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

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

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

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

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

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

• 一個(gè)組盒子GroupBox

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

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

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

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

• 一個(gè)刻度盤Dial

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

所有的步驟通過(guò)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è)樹(shù)部件

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

在子選項(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ì)。
接下來(lái)，我們創(chuàng)建信號(hào)/槽來(lái)實(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è)用來(lái)設(shè)置LCD顯示器的數(shù)字，一個(gè)用來(lái)響應(yīng)刻度盤的信號(hào)。

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

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

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

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

更新字體選擇

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

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

下一篇，我們介紹多線程在GUI中的使用。

有什么問(wèn)題歡迎留言討論！