Painting in PyQt5

PyQt5 繪畫系統能夠渲染矢量圖形、圖像和基于輪廓字體的文本。當我們想要更改或增強現有小部件時，或者如果我們從頭開始創建自定義小部件時，應用程序中需要繪畫。為了進行繪圖，我們使用 PyQt5 工具包提供的繪圖 API。

QPainter

QPainter 在小部件和其他繪畫設備上執行低級繪畫。它可以繪制從簡單線條到復雜形狀的所有內容。

The paintEvent method

繪畫是在paintEvent 方法中完成的。繪畫代碼位于 QPainter 對象的開始和結束方法之間。它在小部件和其他繪畫設備上執行低級繪畫。

PyQt5 draw text

我們首先在窗口的客戶區繪制一些 Unicode 文本。

draw_text.py

#!/usr/bin/python""" ZetCode PyQt5 tutorialIn this example, we draw text in Russian Cylliric.Author: Jan Bodnar Website: zetcode.com """import sys from PyQt5.QtWidgets import QWidget, QApplication from PyQt5.QtGui import QPainter, QColor, QFont from PyQt5.QtCore import Qtclass Example(QWidget):def __init__(self):super().__init__()self.initUI()def initUI(self):self.text = "Лев Николаевич Толстой\nАнна Каренина"self.setGeometry(300, 300, 350, 300)self.setWindowTitle('Drawing text')self.show()def paintEvent(self, event):qp = QPainter()qp.begin(self)self.drawText(event, qp)qp.end()def drawText(self, event, qp):qp.setPen(QColor(168, 34, 3))qp.setFont(QFont('Decorative', 10))qp.drawText(event.rect(), Qt.AlignCenter, self.text)def main():app = QApplication(sys.argv)ex = Example()sys.exit(app.exec_())if __name__ == '__main__':main()

在我們的示例中，我們用 Cylliric 繪制了一些文本。文本垂直和水平對齊。

def paintEvent(self, event): ...

Drawing is done within the paint event.

qp = QPainter() qp.begin(self) self.drawText(event, qp) qp.end()

QPainter 類負責所有低級繪畫。所有的繪畫方法都在開始方法和結束方法之間進行。實際的繪畫被委托給 drawText 方法。

qp.setPen(QColor(168, 34, 3)) qp.setFont(QFont('Decorative', 10))

在這里，我們定義了用于繪制文本的筆和字體。

qp.drawText(event.rect(), Qt.AlignCenter, self.text)

drawText 方法在窗口上繪制文本。繪制事件的 rect 方法返回需要更新的矩形。使用 Qt.AlignCenter，我們可以在兩個維度上對齊文本。

Figure: Drawing text

PyQt5 draw points

點是可以繪制的最簡單的圖形對象。這是窗戶上的一個小地方。

draw_points.py

#!/usr/bin/python""" ZetCode PyQt5 tutorialIn the example, we draw randomly 1000 red points on the window.Author: Jan Bodnar Website: zetcode.com """from PyQt5.QtWidgets import QWidget, QApplication from PyQt5.QtGui import QPainter from PyQt5.QtCore import Qt import sys, randomclass Example(QWidget):def __init__(self):super().__init__()self.initUI()def initUI(self):self.setGeometry(300, 300, 300, 190)self.setWindowTitle('Points')self.show()def paintEvent(self, e):qp = QPainter()qp.begin(self)self.drawPoints(qp)qp.end()def drawPoints(self, qp):qp.setPen(Qt.red)size = self.size()if size.height() <= 1 or size.height() <= 1:returnfor i in range(1000):x = random.randint(1, size.width() - 1)y = random.randint(1, size.height() - 1)qp.drawPoint(x, y)def main():app = QApplication(sys.argv)ex = Example()sys.exit(app.exec_())if __name__ == '__main__':main()

在我們的示例中，我們在窗口的客戶區隨機繪制 1000 個紅點。

qp.setPen(Qt.red)

我們將筆設置為紅色。我們使用預定義的 Qt.red 顏色常數。

size = self.size()

每次我們調整窗口大小時，都會生成一個繪制事件。我們使用 size 方法獲取窗口的當前大小。我們使用窗口的大小將點分布在窗口的客戶區。

qp.drawPoint(x, y)

We draw the point with the?drawPoint?method.

正在上傳…重新上傳取消

Figure: Points

PyQt5 colours

顏色是表示紅色、綠色和藍色 (RGB) 強度值組合的對象。有效的 RGB 值在 0 到 255 的范圍內。我們可以通過多種方式定義顏色。最常見的是 RGB 十進制值或十六進制值。我們還可以使用代表紅色、綠色、藍色和 Alpha 的 RGBA 值。在這里，我們添加了一些關于透明度的額外信息。 Alpha 值 255 定義完全不透明度，0 表示完全透明，例如顏色是看不見的。

colours.py

#!/usr/bin/python""" ZetCode PyQt5 tutorialThis example draws three rectangles in three different colours.Author: Jan Bodnar Website: zetcode.com """from PyQt5.QtWidgets import QWidget, QApplication from PyQt5.QtGui import QPainter, QColor, QBrush import sysclass Example(QWidget):def __init__(self):super().__init__()self.initUI()def initUI(self):self.setGeometry(300, 300, 350, 100)self.setWindowTitle('Colours')self.show()def paintEvent(self, e):qp = QPainter()qp.begin(self)self.drawRectangles(qp)qp.end()def drawRectangles(self, qp):col = QColor(0, 0, 0)col.setNamedColor('#d4d4d4')qp.setPen(col)qp.setBrush(QColor(200, 0, 0))qp.drawRect(10, 15, 90, 60)qp.setBrush(QColor(255, 80, 0, 160))qp.drawRect(130, 15, 90, 60)qp.setBrush(QColor(25, 0, 90, 200))qp.drawRect(250, 15, 90, 60)def main():app = QApplication(sys.argv)ex = Example()sys.exit(app.exec_())if __name__ == '__main__':main()

在我們的示例中，我們繪制了三個彩色矩形。

color = QColor(0, 0, 0) color.setNamedColor('#d4d4d4')

在這里，我們使用十六進制表示法定義顏色。

qp.setBrush(QColor(200, 0, 0)) qp.drawRect(10, 15, 90, 60)

這里我們定義一個畫筆并繪制一個矩形。畫筆是用于繪制形狀背景的基本圖形對象。 drawRect 方法接受四個參數。前兩個是軸上的 x 和 y 值。第三個和第四個參數是矩形的寬度和高度。該方法使用當前的筆和畫筆繪制矩形。

轉存失敗重新上傳取消

Figure: Colours

PyQt5 QPen

QPen 是一個基本的圖形對象。它用于繪制矩形、橢圓、多邊形或其他形狀的直線、曲線和輪廓。

pens.py

#!/usr/bin/python""" ZetCode PyQt5 tutorialIn this example we draw 6 lines using different pen styles.Author: Jan Bodnar Website: zetcode.com """from PyQt5.QtWidgets import QWidget, QApplication from PyQt5.QtGui import QPainter, QPen from PyQt5.QtCore import Qt import sysclass Example(QWidget):def __init__(self):super().__init__()self.initUI()def initUI(self):self.setGeometry(300, 300, 280, 270)self.setWindowTitle('Pen styles')self.show()def paintEvent(self, e):qp = QPainter()qp.begin(self)self.drawLines(qp)qp.end()def drawLines(self, qp):pen = QPen(Qt.black, 2, Qt.SolidLine)qp.setPen(pen)qp.drawLine(20, 40, 250, 40)pen.setStyle(Qt.DashLine)qp.setPen(pen)qp.drawLine(20, 80, 250, 80)pen.setStyle(Qt.DashDotLine)qp.setPen(pen)qp.drawLine(20, 120, 250, 120)pen.setStyle(Qt.DotLine)qp.setPen(pen)qp.drawLine(20, 160, 250, 160)pen.setStyle(Qt.DashDotDotLine)qp.setPen(pen)qp.drawLine(20, 200, 250, 200)pen.setStyle(Qt.CustomDashLine)pen.setDashPattern([1, 4, 5, 4])qp.setPen(pen)qp.drawLine(20, 240, 250, 240)def main():app = QApplication(sys.argv)ex = Example()sys.exit(app.exec_())if __name__ == '__main__':main()

在我們的示例中，我們繪制了六條線。這些線條是用六種不同的筆樣式繪制的。有五種預定義的筆樣式。我們還可以創建自定義筆樣式。最后一行是使用自定義筆樣式繪制的。

pen = QPen(Qt.black, 2, Qt.SolidLine)

我們創建一個 QPen 對象。顏色是黑色。寬度設置為 2 像素，以便我們可以看到筆樣式之間的差異。 Qt.SolidLine 是預定義的筆樣式之一。

pen.setStyle(Qt.CustomDashLine) pen.setDashPattern([1, 4, 5, 4]) qp.setPen(pen)

這里我們定義了一個自定義的筆樣式。我們設置 Qt.CustomDashLine 筆樣式并調用 setDashPattern 方法。數字列表定義了一種風格。必須有偶數個數。奇數定義一個破折號，偶數空間。數字越大，空格或破折號越大。我們的模式是 1 px dash、4 px space、5 px dash、4 px space 等。

Figure: Pen styles

PyQt5 QBrush

QBrush 是一個基本的圖形對象。它用于繪制圖形形狀的背景，例如矩形、橢圓或多邊形。畫筆可以是三種不同的類型：預定義畫筆、漸變或紋理圖案。

brushes.py

#!/usr/bin/python""" ZetCode PyQt5 tutorialThis example draws nine rectangles in different brush styles.Author: Jan Bodnar Website: zetcode.com """from PyQt5.QtWidgets import QWidget, QApplication from PyQt5.QtGui import QPainter, QBrush from PyQt5.QtCore import Qt import sysclass Example(QWidget):def __init__(self):super().__init__()self.initUI()def initUI(self):self.setGeometry(300, 300, 355, 280)self.setWindowTitle('Brushes')self.show()def paintEvent(self, e):qp = QPainter()qp.begin(self)self.drawBrushes(qp)qp.end()def drawBrushes(self, qp):brush = QBrush(Qt.SolidPattern)qp.setBrush(brush)qp.drawRect(10, 15, 90, 60)brush.setStyle(Qt.Dense1Pattern)qp.setBrush(brush)qp.drawRect(130, 15, 90, 60)brush.setStyle(Qt.Dense2Pattern)qp.setBrush(brush)qp.drawRect(250, 15, 90, 60)brush.setStyle(Qt.DiagCrossPattern)qp.setBrush(brush)qp.drawRect(10, 105, 90, 60)brush.setStyle(Qt.Dense5Pattern)qp.setBrush(brush)qp.drawRect(130, 105, 90, 60)brush.setStyle(Qt.Dense6Pattern)qp.setBrush(brush)qp.drawRect(250, 105, 90, 60)brush.setStyle(Qt.HorPattern)qp.setBrush(brush)qp.drawRect(10, 195, 90, 60)brush.setStyle(Qt.VerPattern)qp.setBrush(brush)qp.drawRect(130, 195, 90, 60)brush.setStyle(Qt.BDiagPattern)qp.setBrush(brush)qp.drawRect(250, 195, 90, 60)def main():app = QApplication(sys.argv)ex = Example()sys.exit(app.exec_())if __name__ == '__main__':main()

在我們的示例中，我們繪制了九個不同的矩形。

brush = QBrush(Qt.SolidPattern) qp.setBrush(brush) qp.drawRect(10, 15, 90, 60)

我們定義一個畫筆對象。我們將其設置為畫家對象并通過調用 drawRect 方法繪制矩形。

正在上傳…重新上傳取消

Figure: Brushes

Bézier curve

貝塞爾曲線是一條三次線。 PyQt5 中的貝塞爾曲線可以使用 QPainterPath 創建。畫家路徑是由許多圖形構建塊組成的對象，例如矩形、橢圓、直線和曲線。

bezier_curve.py

#!/usr/bin/python""" ZetCode PyQt5 tutorialThis program draws a Bézier curve with QPainterPath.Author: Jan Bodnar Website: zetcode.com """import sysfrom PyQt5.QtGui import QPainter, QPainterPath from PyQt5.QtWidgets import QWidget, QApplicationclass Example(QWidget):def __init__(self):super().__init__()self.initUI()def initUI(self):self.setGeometry(300, 300, 380, 250)self.setWindowTitle('Bézier curve')self.show()def paintEvent(self, e):qp = QPainter()qp.begin(self)qp.setRenderHint(QPainter.Antialiasing)self.drawBezierCurve(qp)qp.end()def drawBezierCurve(self, qp):path = QPainterPath()path.moveTo(30, 30)path.cubicTo(30, 30, 200, 350, 350, 30)qp.drawPath(path)def main():app = QApplication(sys.argv)ex = Example()sys.exit(app.exec_())if __name__ == '__main__':main()

This example draws a Bézier curve.

path = QPainterPath() path.moveTo(30, 30) path.cubicTo(30, 30, 200, 350, 350, 30)

我們使用 QPainterPath 路徑創建貝塞爾曲線。曲線是使用cubicTo 方法創建的，該方法需要三個點：起點、控制點和終點。

qp.drawPath(path)

最終路徑是使用 drawPath 方法繪制的。

轉存失敗重新上傳取消

Figure: Bézier curve

總結

以上是生活随笔為你收集整理的pyqt5教程11：绘制外观的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。