如何用PyQt5做圖形界面（二）

今天介紹文本相關(guān)的三個(gè)組件：QLabel、QLineEdit、QTextEdit。

三者的區(qū)別是：QLabel一般用來顯示提示性的文本或者說明，用戶不可以直接修改內(nèi)容。QLineEdit用來收集用戶輸入（單行文本，不能換行）。而QTextEdit用來收集用戶輸入的一大段文字。

需求：

做一個(gè)BUG提交的界面，用戶可以輸入BUG的標(biāo)題和描述，點(diǎn)擊按鈕后，獲取用戶填寫的信息，并顯示在終端里。

分析：

我們先來做一些準(zhǔn)備，提前學(xué)習(xí)幾個(gè)函數(shù)。對(duì)于文本來說，最常用的就“設(shè)置文本”和“獲取文本”。

QLabel和QLineEdit，setText(string)為設(shè)置文本，text()為獲取文本。

而QTextEdit功能較為復(fù)雜，支持純文本模式，也支持富文本模式（即html、插入圖片、設(shè)置不同的格式等）。我們今天只會(huì)用到toPlainText()來獲取QTextEdit的文本。

整理如下：

• QLabel.setText(string) 設(shè)置標(biāo)簽的文本
• QLineEdit.text() 獲取單行文本框中的文字
• QTextEdit.toPlainText() 獲取多行文本框中的文字

代碼實(shí)現(xiàn)：

在《[用PyQt5做圖形界面（一）Hello world]》的基礎(chǔ)上，添加幾個(gè)組件：

# BUG標(biāo)題
label1 = QLabel()
label1.setText('Bug Title:')
vbox.addWidget(label1)


edit1 = QLineEdit()
vbox.addWidget(edit1)


# BUG描述
label2 = QLabel()
label2.setText('Bug Description:')
vbox.addWidget(label2)


edit2 = QTextEdit()
vbox.addWidget(edit2)

實(shí)現(xiàn)提交按鈕的處理函數(shù)。從QLineEdit和QTextEdit中取出文字，并print出來。

def submit_handle():
    bug_title = edit1.text()
    bug_description = edit2.toPlainText()
    print('Bug title is {},\\nDescription is\\n{}'.format(
        bug_title, 
        bug_description))

最后，在界面上創(chuàng)建按鈕，并連接到submit_handle()函數(shù)：

button = QPushButton('Submit')
button.clicked.connect(submit_handle)
vbox.addWidget(button)