PyQt5绘画系统能够渲染矢量图形、图像和轮廓基于字体的文本。当我们想要更改或增强现有小部件时,或者如果我们从头开始创建自定义小部件,则需要在应用程序中绘制。为了绘制,我们使用PyQt5工具包提供的绘制API。
QPainter
QPainter
在小部件和其他绘画设备上执行低级绘画。它可以画出从简单的线条到复杂的形状。
paintEvent方法
绘制是在paintEvent
方法中完成的。绘制代码位于QPainter
对象的begin
和end
方法之间。它在小部件和其他绘画设备上执行低级绘画。
PyQt5绘制文本
我们首先在窗口的客户端区域上绘制一些Unicode文本。
draw_text.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
In 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 Qt
class 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()
在我们的例子中,我们用西里尔文绘制一些文本。文本垂直和水平对齐。
def paintEvent(self, event):
...
绘图在绘画事件(paintEvent
)中完成。
qp = QPainter()
qp.begin(self)
self.drawText(event, qp)
qp.end()
QPainter
类负责所有的低级绘画。所有的绘画方法都位于begin
和end
方法之间。实际的绘制被委托给drawText
方法。
qp.setPen(QColor(168, 34, 3))
qp.setFont(QFont('Decorative', 10))
这里我们定义了用于绘制文本的笔和字体。
qp.drawText(event.rect(), Qt.AlignCenter, self.text)
drawText
方法在窗口上绘制文本。绘画事件的rect
方法返回需要更新的矩形。使用Qt.AlignCenter
,我们在两个维度上对齐文本。
PyQt5 绘点
点是可以绘制的最简单的图形对象。它是窗户上的一个小斑点。
draw_points.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
In 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, random
class 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:
return
for 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)
我们使用drawPoint方法绘制点。
PyQt5颜色
颜色是表示红、绿、蓝(RGB)强度值的组合的对象。有效值的范围是0到255。我们可以用不同的方式来定义颜色。最常见的是RGB十进制值或十六进制值。我们也可以使用RGBA值,它代表红色、绿色、蓝色和Alpha。这里我们添加一些关于透明度的额外信息。Alpha值为255表示完全不透明,0表示完全透明,例如颜色是不可见的。
colours.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
This 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 sys
class 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)
这里我们定义一个画刷(brush)并绘制一个矩形。画刷是一个基本的图形对象,用于绘制形状的背景。drawRect
方法接受四个参数。前两个是轴上的x和y值。第三和第四个参数是矩形的宽度和高度。该方法使用当前的画笔(pen)和画刷(brush)绘制矩形。
PyQt5 QPen
·QPen·是一个基本的图形对象。它用于绘制矩形、椭圆、多边形或其他形状的直线、曲线和轮廓。
pens.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
In 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 sys
class 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像素的破折号,4像素的空间,5像素的破折号,4像素的空间等。
PyQt5 QBrush
QBrush
是一个基本的图形对象。它用于绘制图形形状(如矩形、椭圆或多边形)的背景。画笔可以有三种不同的类型:预定义的画笔、渐变或纹理图案。
brushes.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
This 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 sys
class 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()
在我们的示例中,我们绘制了9个不同的矩形。
brush = QBrush(Qt.SolidPattern)
qp.setBrush(brush)
qp.drawRect(10, 15, 90, 60)
我们定义一个画笔对象。我们将其设置为画家对象,并通过调用drawRect
方法绘制矩形。
贝塞尔曲线
贝塞尔(Bézier )曲线是一条三次线。PyQt5中的贝塞尔曲线可以使用QPainterPath
创建。绘画路径是由许多图形构建块(如矩形、椭圆、直线和曲线)组成的对象。
bezier_curve.py
#!/usr/bin/python
"""
ZetCode PyQt5 tutorial
This program draws a Bézier curve with
QPainterPath.
Author: Jan Bodnar
Website: zetcode.com
"""
import sys
from PyQt5.QtGui import QPainter, QPainterPath
from PyQt5.QtWidgets import QWidget, QApplication
class 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()
我们用QPainterPath
路径创建一个贝塞尔曲线。曲线是用cubicTo
方法创建的,它有三个点:起点、控制点和终点。
qp.drawPath(path)
最后的路径是用drawPath方法绘制的。