示例Demo2_1用PyQt5的一些類創(chuàng)建了一個(gè)簡(jiǎn)單的GUI應(yīng)用程序，窗體及窗體上的標(biāo)簽對(duì)象的創(chuàng)建和屬性設(shè)置都完全由代碼完成。顯然這種純代碼方式構(gòu)造UI的方式是比較麻煩的，特別是在窗體上組件比較多、層次比較復(fù)雜的時(shí)候，純代碼方式構(gòu)造界面的工作量和難度可想而知。

Qt提供了可視化界面設(shè)計(jì)工具Qt Designer，以及Qt Creator中內(nèi)置的UI Designer。可視化地設(shè)計(jì)UI窗體可以大大提高GUI應(yīng)用程序開發(fā)的工作效率。

本節(jié)通過(guò)示例Demo2_2演示如何用UI Designer可視化設(shè)計(jì)UI窗體，然后轉(zhuǎn)換為Python程序，再構(gòu)建為Python的GUI程序。主要工作步驟如下。

(1)在UI Designer中可視化設(shè)計(jì)窗體。

(2)用工具軟件pyuic5將窗體文件(.ui文件)轉(zhuǎn)換為Python程序文件。

(3)使用轉(zhuǎn)換后的窗體的Python類構(gòu)建GUI應(yīng)用程序。

2.2.1 用UI Designer可視化設(shè)計(jì)窗體

在Qt Creator中點(diǎn)擊菜單項(xiàng)“File”→“New File or Project…”，在出現(xiàn)的對(duì)話框里選擇“Qt”分組里的“Qt Designer Form”(如圖2-2所示)，這將創(chuàng)建一個(gè)單純的窗體文件(.ui文件)。

在圖2-2的對(duì)話框中點(diǎn)擊“Choose…”按鈕后，出現(xiàn)如圖2-3所示的窗體模板選擇界面。窗體模板主要有以下3種。Dialog模板，基于QDialog類的窗體，具有一般對(duì)話框的特性，如可以模態(tài)顯示、具有返回值等。

Main Window模板，基于QMainWindow類的窗體，具有主窗口的特性，窗口上有主菜單欄、工具欄、狀態(tài)欄等。

Widget模板，基于QWidget類的窗體。QWidget類是所有界面組件的基類，如QLabel、QPushButton等界面組件都是從QWidget類繼承而來(lái)的。QWidget類也是QDialog和QMainWindow的父類，基于QWidget類創(chuàng)建的窗體可以作為獨(dú)立的窗口運(yùn)行，也可以嵌入到其他界面組件內(nèi)顯示。

圖2-2 新建窗體對(duì)話框

圖2-3 選擇Widget模板

在圖2-3的界面上選擇Widget模板。點(diǎn)擊“Next”按鈕后，在出現(xiàn)的對(duì)話框里設(shè)置文件名為FormHello.ui，文件保存到Demo2_2的目錄下，再根據(jù)向?qū)崾就瓿蓜?chuàng)建即可。創(chuàng)建了窗體后就可以在Qt Creator內(nèi)置的UI Designer里可視化設(shè)計(jì)窗體，圖2-4是在窗體上放置了標(biāo)簽和按鈕，并設(shè)置好各種屬性后的界面。

圖2-4的UI Designer窗口有以下一些功能區(qū)域。組件面板。窗口左側(cè)是界面設(shè)計(jì)組件面板，分為多個(gè)組，如Layouts、Buttons、Display Widgets等，界面設(shè)計(jì)的常用組件都可以在組件面板里找到。

中間區(qū)域是待設(shè)計(jì)的窗體。如果要將某個(gè)組件放置到窗體上，從組件面板上拖動(dòng)一個(gè)組件放到窗體上即可。例如，放一個(gè)Label組件和一個(gè)PushButton組件到窗體上。

Action編輯器(Action Editor)和Signals Slots編輯器(Signals Slots Editor)，位于待設(shè)計(jì)窗體下方。Action編輯器用于設(shè)計(jì)Action，Signals Slots編輯器用于可視化地進(jìn)行信號(hào)與槽的關(guān)聯(lián)，后面會(huì)介紹其具體使用。

對(duì)象瀏覽器(Object Inspector)。窗口右上方是對(duì)象瀏覽器，用樹狀視圖顯示窗體上各組件之間的布局和包含關(guān)系，視圖有兩列，顯示每個(gè)組件的對(duì)象名稱(objectName)和類名稱。

屬性編輯器(Property Editor)。窗口右下方是屬性編輯器，顯示某個(gè)選中的組件或窗體的各種屬性及其值，可以在屬性編輯器里修改這些屬性的值。

主窗口上方有窗體設(shè)計(jì)模式和布局管理工具欄，最左側(cè)還有一個(gè)工具欄，這些功能在后面詳細(xì)介紹Qt Creator的使用時(shí)再具體介紹。

圖2-4 在Qt Creator里可視化設(shè)計(jì)窗體

在設(shè)計(jì)窗體上用鼠標(biāo)點(diǎn)選一個(gè)組件，在屬性編輯器里會(huì)顯示其各種屬性，并且可以修改其屬性。例如，圖2-5是選中窗體上放置的標(biāo)簽組件后屬性編輯器的內(nèi)容。

圖2-5 界面組件的屬性編輯器

圖2-5展示的屬性編輯器的最上方顯示的文字“LabHello: QLabel”表示這個(gè)組件是一個(gè)QLabel類的組件，objectName是LabHello。屬性編輯器的內(nèi)容分為兩列，其中Property列是屬性的名稱，Value列是屬性的值。屬性又分為多個(gè)組，實(shí)際上表示了類的繼承關(guān)系，例如在圖2-5中，可以看出QLabel的繼承關(guān)系是QObject→QWidget→QFrame→QLabel。

objectName是組件的對(duì)象名稱，界面上的每個(gè)組件都需要一個(gè)唯一的對(duì)象名稱，以便被引用。界面上的組件的命名應(yīng)該遵循一定的法則，具體使用什么樣的命名法則根據(jù)個(gè)人習(xí)慣而定，主要目的是便于區(qū)分和記憶，也要便于與普通變量相區(qū)分。

設(shè)置組件屬性的值只需在屬性編輯器里進(jìn)行修改即可，例如設(shè)置LabHello的text屬性為“Hello, by UI Designer”，只需如圖2-5所示那樣修改text屬性的值即可。

表2-1是所設(shè)計(jì)的窗體，以及窗體上的標(biāo)簽和按鈕的主要屬性的設(shè)置。

表2-1 窗體以及各組件的主要屬性設(shè)置

objectName類名稱屬性設(shè)置備注FormHelloQWidgetwindowTitle=”Demo2_2”設(shè)置窗體的標(biāo)題欄顯示文字btnCloseQPushButtonText=”關(guān)閉”設(shè)置按鈕的顯示文字LabHelloQLabelText=”Hello, by UI Designer” Font.PointSize=12 Font.bold=True設(shè)置標(biāo)簽顯示文字和字體

窗體設(shè)計(jì)完成后，將這個(gè)窗體保存為文件FormHello.ui。提示：一般情況下，保存的.ui文件名與窗體的objectName名稱一致，這樣通過(guò)文件名就可以直接知道窗體的名稱。

窗體文件FormHello.ui實(shí)際上是一個(gè)XML文件，它記錄了窗體上各組件的屬性以及位置分布。FormHello.ui的XML文件內(nèi)容不必去深入研究，它是由UI Designer根據(jù)可視化設(shè)計(jì)的窗體自動(dòng)生成的。使用IDLE的文件編輯器就可以打開FormHello.ui文件，下面是FormHello.ui文件的內(nèi)容。<?xml version="1.0" encoding="UTF-8"?>

FormHello

0

0

283

156

Demo2_2

50

40

189

16

12

75

true

Hello, by UI Designer

100

90

75

23

關(guān)閉

2.2.2 將ui文件編譯為py文件

使用UI Designer設(shè)計(jì)好窗體并保存為文件FormHello.ui后，要在Python里使用這個(gè)窗體，需要使用PyQt5的工具軟件pyuic5.exe將這個(gè)ui文件編譯轉(zhuǎn)換為對(duì)應(yīng)的Python語(yǔ)言程序文件。

pyuic5.exe程序位于Python安裝目錄的Scripts子目錄下，如“D:\Python37\Scripts”，這個(gè)路徑在安裝Python時(shí)被自動(dòng)添加到了系統(tǒng)的PATH環(huán)境變量里，所以可以直接執(zhí)行pyuic5命令。

在Windows的cmd窗口里用cd指令切換到文件FormHello.ui所在的目錄，然后用pyuic5指令編譯轉(zhuǎn)換為Python文件。例如，假設(shè)文件FormHello.ui保存在目錄“G:\PyQt5Book\Demo\chap02\demo2_2”下，依次執(zhí)行下面的指令：cd G:\PyQt5Book\Demo\chap02\demo2_2

pyuic5 –o ui_FormHello.py FormHello.ui

其中，pyuic5的作用是將文件FormHello.ui編譯后輸出為文件uiFormHello.py。編譯輸出的文件名可以任意指定，在原來(lái)的文件名前面加“ui”是個(gè)人命名習(xí)慣，表明ui_FormHello.py 文件是從FormHello.ui文件轉(zhuǎn)換來(lái)的。

為了避免重復(fù)地在cmd窗口里輸入上述指令，可以創(chuàng)建一個(gè)文件uic.bat保存到項(xiàng)目Demo2_2的目錄下。bat文件是Windows的批處理文件，uic.bat文件的內(nèi)容只有一條語(yǔ)句，如下：pyuic5 -o ui_FormHello.py FormHello.ui

在Windows資源管理器里雙擊uic.bat文件就會(huì)執(zhí)行該文件里的語(yǔ)句，也就是將文件FormHello.ui編譯為ui_FormHello.py。

編譯后在FormHello.ui文件所在的同目錄下生成了一個(gè)文件ui_FormHello.py，用IDLE的文件編輯器打開這個(gè)文件，其內(nèi)容如下：# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'FormHello.ui'

#

# Created by: PyQt5 UI code generator 5.12

#

# WARNING! All changes made in this file will be lost!

from PyQt5 import QtCore, QtGui, QtWidgets

class Ui_FormHello(object):

def setupUi(self, FormHello):

FormHello.setObjectName("FormHello")

FormHello.resize(283, 156)

self.LabHello = QtWidgets.QLabel(FormHello)

self.LabHello.setGeometry(QtCore.QRect(50, 40, 189, 16))

font = QtGui.QFont()

font.setPointSize(12)

font.setBold(True)

font.setWeight(75)

self.LabHello.setFont(font)

self.LabHello.setObjectName("LabHello")

self.btnClose = QtWidgets.QPushButton(FormHello)

self.btnClose.setGeometry(QtCore.QRect(100, 90, 75, 23))

self.btnClose.setObjectName("btnClose")

self.retranslateUi(FormHello)

QtCore.QMetaObject.connectSlotsByName(FormHello)

def retranslateUi(self, FormHello):

_translate = QtCore.QCoreApplication.translate

FormHello.setWindowTitle(_translate("FormHello", "Demo2_2"))

self.LabHello.setText(_translate("FormHello",

"Hello, by UI Designer"))

self.btnClose.setText(_translate("FormHello", "關(guān)閉"))

分析這個(gè)文件的代碼，可以發(fā)現(xiàn)這個(gè)文件實(shí)際上定義了一個(gè)類Ui_FormHello，仔細(xì)分析一下這段代碼，可以發(fā)現(xiàn)其原理和功能。

(1)Ui_FormHello類的父類是object，而不是QWidget。

(2)Ui_FormHello類定義了一個(gè)函數(shù)setupUi()，其接口定義為：def setupUi(self, FormHello)

其傳入的參數(shù)有兩個(gè)，其中self是函數(shù)自己，Python中的self類似于C++語(yǔ)言中的this；FormHello是一個(gè)傳入的參數(shù)，而不是在Ui_FormHello類里定義的一個(gè)變量。

setupUi()函數(shù)的前兩行語(yǔ)句是：FormHello.setObjectName("FormHello")

FormHello.resize(283, 156)

所以，FormHello是窗體，是一個(gè)QWidget對(duì)象，其名稱就是在UI Designer里設(shè)計(jì)的窗體的objectName。但是這個(gè)FormHello不是在類Ui_FormHello里創(chuàng)建的，而是作為一個(gè)參數(shù)傳入的。

(3)創(chuàng)建了一個(gè)QLabel類型的對(duì)象LabHello，創(chuàng)建的語(yǔ)句是：self.LabHello = QtWidgets.QLabel(FormHello)

LabHello定義為Ui_FormHello類的一個(gè)公共屬性(類似于C++的公共變量)，它的父容器是FormHello，所以LabHello在窗體FormHello上顯示。后面的語(yǔ)句又設(shè)置了LabHello的顯示位置、大小，以及字體屬性。提示：在Python語(yǔ)言中，類的接口包括屬性(attribute)和方法(method)，屬性又分為類屬性和類的實(shí)例屬性。Python的類屬性類似于C++中類的靜態(tài)變量，類的實(shí)例屬性類似于C++中類的成員變量。Qt C++中的屬性是指用Q_PROPERTY宏定義了讀寫函數(shù)的類的接口元素，類似于Python中用@property修飾符定義了讀寫函數(shù)的實(shí)例屬性。 不管是否為屬性定義了讀寫函數(shù)，Python類中的實(shí)例屬性都可以當(dāng)作一個(gè)變量來(lái)訪問(wèn)。在本書中，為了與定義了讀寫函數(shù)的屬性區(qū)分開來(lái)，也為了明確概念，將自定義類中的實(shí)例數(shù)據(jù)型屬性(也就是類似于C++類中的成員變量)有時(shí)也稱為變量，特別是一些簡(jiǎn)單類型的數(shù)據(jù)屬性。

(4)創(chuàng)建了一個(gè)QPushButton類型的對(duì)象btnClose，創(chuàng)建的語(yǔ)句是self.btnClose = QtWidgets.QPushButton(FormHello)

btnClose也是Ui_FormHello類的一個(gè)公共屬性，它的父容器是FormHello，所以在窗體上顯示。

(5)setupUi()函數(shù)的倒數(shù)第二行調(diào)用了Ui_FormHello類里定義的另外一個(gè)函數(shù)retranslateUi()，這個(gè)函數(shù)設(shè)置了窗體的標(biāo)題、標(biāo)簽LabHello的文字、按鈕btnClose的標(biāo)題。實(shí)際上，retranslateUi()函數(shù)集中設(shè)置了窗體上所有的字符串，利于實(shí)現(xiàn)軟件的多語(yǔ)言界面。

(6)setupUi()函數(shù)的最后一行語(yǔ)句用于窗體上各組件的信號(hào)與槽函數(shù)的自動(dòng)連接，在后面介紹信號(hào)與槽時(shí)再詳細(xì)解釋其功能。

所以，經(jīng)過(guò)pyuic5編譯后，FormHello.ui文件轉(zhuǎn)換為一個(gè)對(duì)應(yīng)的Python的類定義文件ui_FormHello.py，類的名稱是Ui_FormHello。有如下的特點(diǎn)和功能。

(1)UiFormHello.py文件里的類名稱Ui_FormHello與FormHello.ui文件里窗體的objectName有關(guān)，是在窗體的objectName名稱前面加“Ui”自動(dòng)生成的。

(2)Ui_FormHello類的函數(shù)setupUi()用于窗體的初始化，它創(chuàng)建了窗體上的所有組件并設(shè)置其屬性。

(3)Ui_FormHello類并不創(chuàng)建窗體FormHello，窗體FormHello是由外部傳入的，作為所有界面組件的父容器。注意：ui_FormHello.py文件只是定義了一個(gè)類Ui_FormHello，這個(gè)文件并不能直接運(yùn)行，而是需要在其他地方編程使用這個(gè)文件里定義的類Ui_FormHello。

2.2.3 使用Ui_FormHello類的GUI程序框架

將窗體UI文件FormHello.ui編譯轉(zhuǎn)換為Python的類定義文件ui_FormHello.py后，就可以使用其中的類Ui_FormHello創(chuàng)建GUI應(yīng)用程序。編寫一個(gè)程序文件appMain1.py，它演示了使用Ui_FormHello類創(chuàng)建GUI應(yīng)用程序的基本框架，其代碼如下：## appMain1.py

## 使用ui_FormHello.py文件中的類Ui_FormHello創(chuàng)建app

import sys

from PyQt5 import QtWidgets

import ui_FormHello

app = QtWidgets.QApplication(sys.argv)

baseWidget=QtWidgets.QWidget() #創(chuàng)建窗體的基類QWidget的實(shí)例

ui =ui_FormHello.Ui_FormHello()

ui.setupUi(baseWidget) #以baseWidget作為傳遞參數(shù)，創(chuàng)建完整窗體

baseWidget.show()

##ui.LabHello.setText("Hello,被程序修改") #可以修改窗體上標(biāo)簽的文字

sys.exit(app.exec_())

分析上面的代碼，可以了解GUI程序創(chuàng)建和運(yùn)行的過(guò)程。

(1)首先用QApplication類創(chuàng)建了應(yīng)用程序?qū)嵗齛pp。

(2)創(chuàng)建了一個(gè)QWidget類的對(duì)象baseWidget，它是基本的QWidget窗體，沒有做任何設(shè)置。

(3)使用ui_FormHello模塊中的類Ui_FormHello創(chuàng)建了一個(gè)對(duì)象ui。

(4)調(diào)用了Ui_FormHello類的setupUi()函數(shù)，并且將baseWidget作為參數(shù)傳入：ui.setupUi(baseWidget)

根據(jù)前面的分析，Ui_FormHello類的setupUi()函數(shù)只創(chuàng)建窗體上的其他組件，而作為容器的窗體是靠外部傳入的，這里的baseWidget就是作為一個(gè)基本的QWidget窗體傳入的。執(zhí)行這條語(yǔ)句后，就在窗體baseWidget上創(chuàng)建了標(biāo)簽和按鈕。

(5)顯示窗體，使用的語(yǔ)句是：baseWidget.show()

注意，這里不能使用ui.show()，因?yàn)閡i是Ui_FormHello類的對(duì)象，而Ui_FormHello的父類是object，根本就不是Qt的窗體界面類。

程序運(yùn)行后的結(jié)果窗口如圖2-6所示，這就是在UI Designer里設(shè)計(jì)的窗體。這個(gè)程序只是簡(jiǎn)單地實(shí)現(xiàn)了窗體的顯示，“關(guān)閉”按鈕并不能關(guān)閉窗口，在后面介紹信號(hào)與槽時(shí)再實(shí)現(xiàn)其功能。

那么現(xiàn)在有個(gè)問(wèn)題，窗體上的標(biāo)簽、按鈕對(duì)象如何訪問(wèn)呢？例如，若需要修改標(biāo)簽的顯示文字，該如何修改呢？

分析一下程序，窗體上的標(biāo)簽對(duì)象LabHello是在Ui_FormHello類里定義的公共屬性，所以在程序里可以通過(guò)ui對(duì)象訪問(wèn)LabHello。

對(duì)appMain1.py文件稍作修改，在baseWidget.show()語(yǔ)句后加入一條語(yǔ)句，如下(省略了前后的語(yǔ)句)：baseWidget.show()

ui.LabHello.setText("Hello,被程序修改")

再運(yùn)行appMain1.py，結(jié)果窗口如圖2-7所示，說(shuō)明上面修改標(biāo)簽文字的語(yǔ)句是有效的。在上面的修改標(biāo)簽文字的語(yǔ)句中，不能將ui替換為baseWidget，即下面的語(yǔ)句是錯(cuò)誤的：baseWidget.LabHello.setText("Hello,被程序修改") #錯(cuò)誤的

這是因?yàn)閎aseWidget是QWidget類型的對(duì)象，它只是LabHello的父容器，并沒有定義公共屬性LabHello，所以運(yùn)行時(shí)會(huì)出錯(cuò)。而ui是Ui_FormHello類的實(shí)例對(duì)象，窗體上的所有界面組件都是ui的實(shí)例屬性。因此，訪問(wèn)窗體上的界面組件只能通過(guò)ui對(duì)象。

圖2-6 appMain1.py運(yùn)行結(jié)果窗口

圖2-7 程序中訪問(wèn)窗體的標(biāo)簽對(duì)象，修改了其顯示文字

2.2.4 界面與邏輯分離的GUI程序框架

分析前面的程序appMain1.py，雖然它實(shí)現(xiàn)了對(duì)Ui_FormHello類的使用，生成了GUI程序，但是它是存在一些缺陷的，原因在于appMain1.py完全是一個(gè)過(guò)程化的程序。它創(chuàng)建了Ui_FormHello類的對(duì)象ui，通過(guò)這個(gè)對(duì)象可以訪問(wèn)界面上的所有組件，所以，ui可以用于界面交互，獲取界面輸入，將結(jié)果輸出到界面上。程序創(chuàng)建的baseWidget是QWidget類的對(duì)象，它不包含任何處理邏輯，而僅僅是為了調(diào)用ui.setupUi()函數(shù)時(shí)作為一個(gè)傳入的參數(shù)。一般的程序是從界面上讀取輸入數(shù)據(jù)，經(jīng)過(guò)業(yè)務(wù)處理后再將結(jié)果輸出到界面上，那么這些業(yè)務(wù)處理的代碼放在哪里呢？

appMain1.py的應(yīng)用程序框架只適合測(cè)試單個(gè)窗體的UI設(shè)計(jì)效果，也就是僅能顯示窗體。若要基于UI窗體設(shè)計(jì)更多的業(yè)務(wù)邏輯，由于appMain1.py是一個(gè)過(guò)程化的程序，難以實(shí)現(xiàn)業(yè)務(wù)邏輯功能的有效封裝。

界面與業(yè)務(wù)邏輯分離的設(shè)計(jì)方法不是唯一的，這里介紹兩種方法，一種是多繼承方法，另一種是單繼承方法。

1．多繼承方法

Python的面向?qū)ο缶幊讨С质褂枚嗬^承，編寫一個(gè)程序appMain2.py，代碼如下：## appMain2.py 多繼承方法

import sys

from PyQt5.QtWidgets import QWidget, QApplication

from ui_FormHello import Ui_FormHello

class QmyWidget(QWidget,Ui_FormHello):

def __init__(self, parent=None):

super().__init__(parent) #調(diào)用父類構(gòu)造函數(shù)，創(chuàng)建QWidget窗體

self.Lab="多重繼承的QmyWidget" #新定義的一個(gè)變量

self.setupUi(self) #self是QWidget窗體，可作為參數(shù)傳給setupUi()

self.LabHello.setText(self.Lab)

if __name__ == "__main__":

app = QApplication(sys.argv) #創(chuàng)建app

myWidget=QmyWidget()

myWidget.show()

myWidget.btnClose.setText("不關(guān)閉了")

sys.exit(app.exec_())

這個(gè)程序的運(yùn)行結(jié)果如圖2-8所示。分析這段代碼，可以發(fā)現(xiàn)它的實(shí)現(xiàn)原理。

(1)采用多繼承的方式定義了一個(gè)類QmyWidget，稱這個(gè)類為窗體的業(yè)務(wù)邏輯類，它的父類是QWidget和Ui_FormHello。

(2)在這個(gè)類的構(gòu)造函數(shù)中，首先用函數(shù)super()獲取父類，并執(zhí)行父類的構(gòu)造函數(shù)，代碼是：super().__init__(parent)

在多繼承時(shí)，使用super()得到的是第一個(gè)基類，在這里就是QWidget。所以，執(zhí)行這條語(yǔ)句后，self就是一個(gè)QWidget對(duì)象。

(3)調(diào)用setupUi()函數(shù)創(chuàng)建UI窗體，即self.setupUi(self)

因?yàn)镼myWidget的基類包括Ui_FormHello類，所以可以調(diào)用Ui_FormHello類的setupUi()函數(shù)。同時(shí)，經(jīng)過(guò)前面調(diào)用父類的構(gòu)造函數(shù)，self是一個(gè)QWidget對(duì)象，可以作為參數(shù)傳遞給setupUi()函數(shù)，正好作為各組件的窗體容器。

通過(guò)這樣的多繼承，Ui_FormHello類中定義的窗體上的所有界面組件對(duì)象就變成了新定義的類QmyWidget的公共屬性，可以直接訪問(wèn)這些界面組件。例如，在QmyWidget類的構(gòu)造函數(shù)里通過(guò)下面的語(yǔ)句設(shè)置了界面上的標(biāo)簽的顯示文字：self.Lab="多重繼承的QmyWidget" #新定義的一個(gè)屬性

self.LabHello.setText(self.Lab)

在應(yīng)用程序創(chuàng)建QmyWidget類的實(shí)例對(duì)象myWidget后，通過(guò)下面的語(yǔ)句設(shè)置了界面上按鈕的顯示文字：myWidget.btnClose.setText("不關(guān)閉了")

這種多繼承方式有其優(yōu)點(diǎn)，也有其缺點(diǎn)，表現(xiàn)為以下兩方面。

(1)界面上的組件都成為窗體業(yè)務(wù)邏輯類QmyWidget的公共屬性，外界可以直接訪問(wèn)。優(yōu)點(diǎn)是訪問(wèn)方便，缺點(diǎn)是過(guò)于開放，不符合面向?qū)ο髧?yán)格封裝的設(shè)計(jì)思想。

(2)界面上的組件與QmyWidget類里新定義的屬性混合在一起了，不便于區(qū)分。例如，在構(gòu)造函數(shù)中有這樣一條語(yǔ)句：self.LabHello.setText(self.Lab)

其中，self.LabHello是窗體上的標(biāo)簽對(duì)象，而self.Lab是QmyWidget類里新定義的一個(gè)屬性。如果沒有明確的加以區(qū)分的命名規(guī)則，當(dāng)窗體上的界面組件較多，且窗體業(yè)務(wù)邏輯類里定義的屬性也很多時(shí)，就難以區(qū)分哪個(gè)屬性是界面上的組件，哪個(gè)屬性是在業(yè)務(wù)邏輯類里新定義的，這樣是不利于界面與業(yè)務(wù)邏輯分離的。

2．單繼承與界面獨(dú)立封裝方法

針對(duì)多繼承存在的一些問(wèn)題，改用單繼承的方法，編寫另一個(gè)程序appMain.py，其代碼如下：## appMain.py 單繼承方法，能更好地進(jìn)行界面與邏輯的分離

import sys

from PyQt5.QtWidgets import QWidget, QApplication

from ui_FormHello import Ui_FormHello

class QmyWidget(QWidget):

def __init__(self, parent=None):

super().__init__(parent) #調(diào)用父類構(gòu)造函數(shù)，創(chuàng)建QWidget窗體

self.__ui=Ui_FormHello() #創(chuàng)建UI對(duì)象

self.__ui.setupUi(self) #構(gòu)造UI

self.Lab="單繼承的QmyWidget"

self.__ui.LabHello.setText(self.Lab)

def setBtnText(self, aText):

self.__ui.btnClose.setText(aText)

if __name__ == "__main__":

app = QApplication(sys.argv) #創(chuàng)建app，用QApplication類

myWidget=QmyWidget()

myWidget.show()

myWidget.setBtnText("間接設(shè)置")

sys.exit(app.exec_())

這個(gè)程序的運(yùn)行結(jié)果如圖2-9所示。分析這段代碼，可以看到以下幾點(diǎn)。

(1)新定義的窗體業(yè)務(wù)邏輯類QmyWidget只有一個(gè)基類QWidget。

(2)在QmyWidget的構(gòu)造函數(shù)中，首先調(diào)用父類(也就是QWidget)的構(gòu)造函數(shù)，這樣self就是一個(gè)QWidget對(duì)象。

(3)顯式地創(chuàng)建了一個(gè)Ui_FormHello類的私有屬性self.__ui，即self.__ui=Ui_FormHello() #創(chuàng)建UI對(duì)象

私有屬性self.ui包含了可視化設(shè)計(jì)的UI窗體上的所有組件，所以，只有通過(guò)self.ui才可以訪問(wèn)窗體上的組件，包括調(diào)用其創(chuàng)建界面組件的setupUi()函數(shù)。提示：Python語(yǔ)言的類定義通過(guò)命名規(guī)則來(lái)限定元素對(duì)外的可見性，屬性或方法名稱前有兩個(gè)下劃線表示是私有的，一個(gè)下劃線表示模塊內(nèi)可見，沒有下劃線的就是公共的。

(4)由于self.ui是QmyWidget類的私有屬性，因此在應(yīng)用程序中創(chuàng)建的QmyWidget對(duì)象myWidget不能直接訪問(wèn)myWidget.ui，也就無(wú)法直接訪問(wèn)窗體上的界面組件。

為了訪問(wèn)窗體上的組件，可以在QmyWidget類里定義接口函數(shù)，例如函數(shù)setBtnText()用于設(shè)置窗體上按鈕的文字。在應(yīng)用程序里創(chuàng)建QmyWidget對(duì)象的實(shí)例myWidget，通過(guò)調(diào)用setBtnText()函數(shù)間接修改界面上按鈕的文字，即myWidget.setBtnText("間接設(shè)置")

仔細(xì)觀察和分析這種單繼承的方式，發(fā)現(xiàn)它有如下特點(diǎn)。

(1)可視化設(shè)計(jì)的窗體對(duì)象被定義為QmyWidget類的一個(gè)私有屬性self.__ui，在QmyWidget類的內(nèi)部對(duì)窗體上的組件的訪問(wèn)都通過(guò)這個(gè)屬性實(shí)現(xiàn)，而外部無(wú)法直接訪問(wèn)窗體上的對(duì)象，這更符合面向?qū)ο蠓庋b隔離的設(shè)計(jì)思想。

(2)窗體上的組件不會(huì)與QmyWidget里定義的屬性混淆。例如，下面的語(yǔ)句：self.__ui.LabHello.setText(self.Lab)

self.ui.LabHello表示窗體上的標(biāo)簽對(duì)象LabHello，它是self.ui的一個(gè)屬性；self.Lab是QmyWidget類里定義的一個(gè)屬性。這樣，窗體上的對(duì)象和QmyWidget類里新定義的屬性不會(huì)混淆，有利于界面與業(yè)務(wù)邏輯的分離。

(3)當(dāng)然，也可以定義界面對(duì)象為公共屬性，即創(chuàng)建界面對(duì)象時(shí)用下面的語(yǔ)句：self.ui=Ui_FormHello()

這里的ui就是個(gè)公共屬性，在類的外部也可以通過(guò)屬性u(píng)i直接訪問(wèn)界面上的組件。為了簡(jiǎn)化程序，在本書后面的示例程序中，都定義界面對(duì)象為公共屬性self.ui。

對(duì)比多繼承方法和單繼承方法，可以發(fā)現(xiàn)單繼承方法更有利于界面與業(yè)務(wù)邏輯分離。實(shí)際上，在Qt C++應(yīng)用程序中默認(rèn)就是采用的單繼承方法，對(duì)Qt C++應(yīng)用程序比較清楚的讀者就很容易理解其工作原理了。

本書使用這種單繼承和界面獨(dú)立封裝的方式，在后面的示例程序中都采用這種單繼承的應(yīng)用程序框架。

在這個(gè)示例中，窗口上雖然放置了一個(gè)按鈕并顯示“關(guān)閉”，但是運(yùn)行時(shí)點(diǎn)擊這個(gè)按鈕并不能關(guān)閉窗口，這是因?yàn)槲覀冞€沒有編寫任何代碼。這個(gè)示例只是為了演示如何在UI Designer里可視化設(shè)計(jì)UI窗體，再編譯轉(zhuǎn)換為對(duì)應(yīng)的Python類，然后使用PyQt5里相關(guān)的類創(chuàng)建GUI應(yīng)用程序的過(guò)程，以及GUI程序的框架和工作原理，下一節(jié)再重點(diǎn)介紹如何編寫代碼實(shí)現(xiàn)窗體的功能。

Python Qt GUI與數(shù)據(jù)可視化編程

《Python Qt GUI與數(shù)據(jù)可視化編程》(王維波，栗寶鵑，張曉東)【摘要 書評(píng) 試讀】- 京東圖書?item.jd.com

本書介紹在Python中使用PyQt5和其他模塊進(jìn)行GUI和數(shù)據(jù)可視化編程的方法。第一部分介紹PyQt5設(shè)計(jì)GUI程序的基本框架，包括GUI應(yīng)用程序的基本結(jié)構(gòu)、窗體UI可視化設(shè)計(jì)與窗體業(yè)務(wù)邏輯的設(shè)計(jì)、信號(hào)與槽的特點(diǎn)和使用等。第二部分介紹GUI程序設(shè)計(jì)中一些主要功能模塊的使用，包括基本界面組件、事件處理、數(shù)據(jù)庫(kù)、繪圖、多媒體等。第三部分先介紹使用PyQtChart和PyQtDataVisualization進(jìn)行二維和三維數(shù)據(jù)可視化設(shè)計(jì)的方法，再介紹將Matplotlib嵌入PyQt5 GUI應(yīng)用程序窗口界面中進(jìn)行數(shù)據(jù)可視化的編程方法。通過(guò)研讀本書，讀者可以掌握使用PyQt5、PyQtChart、Matplotlib等模塊進(jìn)行GUI應(yīng)用程序和數(shù)據(jù)可視化設(shè)計(jì)的方法。

本書適合具有Python編程基礎(chǔ)，并想通過(guò)Python設(shè)計(jì)GUI應(yīng)用程序或在GUI應(yīng)用程序中實(shí)現(xiàn)數(shù)據(jù)可視化的讀者閱讀和參考。

總結(jié)

以上是生活随笔為你收集整理的python的gui界面 可视化_使用可视化设计窗体的GUI程序的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。