1. 程式人生 > 程式設計 >python GUI庫圖形介面開發之PyQt5多行文字框控制元件QTextEdit詳細使用方法例項

python GUI庫圖形介面開發之PyQt5多行文字框控制元件QTextEdit詳細使用方法例項

PyQt5多行文字框控制元件QTextEdit簡介

QTextEdit類是一個多行文字框控制元件,可以顯示多行文字內容,當文字內容超出控制元件顯示範圍時,可以顯示水平個垂直滾動條,Qtextedit不僅可以用來顯示文字還可以用來顯示HTML文件

QTextEdit類中常用的方法

方法 描述
setPlainText() 設定多行文字框的內容
toPlainText() 返回多行文字框的文字內容
setHtml() 設定多行文字框的文字內容為HTML文件,HTML文件是描述網頁的
toHtml() 返回多行文字框的HTML內容
append() 追加多行文字框的內容
clear() 清除多行文字框的內容

內容不多,就一個例項

QTextEdit的使用例項

from PyQt5.QtWidgets import QApplication,QWidget,QTextEdit,QVBoxLayout,QPushButton
import sys

class TextEditDemo(QWidget):
  def __init__(self,parent=None):
    super(TextEditDemo,self).__init__(parent)
    self.setWindowTitle('QTextEdit 例子')

    #定義視窗的初始大小
    self.resize(300,270)
    #建立多行文字框
    self.textEdit=QTextEdit()
    #建立兩個按鈕
    self.btnPress1=QPushButton('顯示文字')
    self.btnPress2=QPushButton('顯示HTML')

    #例項化垂直佈局
    layout=QVBoxLayout()
    #相關控制元件新增到垂直佈局中
    layout.addWidget(self.textEdit)
    layout.addWidget(self.btnPress1)
    layout.addWidget(self.btnPress2)

    #設定佈局
    self.setLayout(layout)

    #將按鈕的點選訊號與相關的槽函式進行繫結,點選即觸發
    self.btnPress1.clicked.connect(self.btnPress1_clicked)
    self.btnPress2.clicked.connect(self.btnPress2_clicked)

  def btnPress1_clicked(self):
    #以文字的形式輸出到多行文字框
    self.textEdit.setPlainText('Hello PyQt5!\n單擊按鈕')

  def btnPress2_clicked(self):
    #以Html的格式輸出多行文字框,字型紅色,字號6號
    self.textEdit.setHtml("<font color='red' size='6'><red>Hello PyQt5!\n單擊按鈕。</font>")
if __name__ == '__main__':
  app=QApplication(sys.argv)
  win=TextEditDemo()
  win.show()
  sys.exit(app.exec_())

效果如下

初始顯示效果

python GUI庫圖形介面開發之PyQt5多行文字框控制元件QTextEdit詳細使用方法例項

點選顯示文字後

python GUI庫圖形介面開發之PyQt5多行文字框控制元件QTextEdit詳細使用方法例項

點選顯示HTML後

python GUI庫圖形介面開發之PyQt5多行文字框控制元件QTextEdit詳細使用方法例項

本文主要講解了PyQt5多行文字框控制元件QTextEdit詳細使用方法例項,更多關於PyQt5控制元件知識與例項請檢視下面的相關連結