PyQt5 教程 《绘画》

目录

 

在PyQt5中绘画

QPainter的

paintEvent方法

绘图文字

绘图点

颜色

QPEN

QBrush

Bézier曲线

---

在PyQt5中绘画

PyQt5绘画系统能够渲染矢量图形，图像和轮廓基于字体的文本。当我们想要更改或增强现有小部件时，或者如果我们从头开始创建自定义小部件时，在应用程序中需要绘画。为了进行绘图，我们使用PyQt5工具包提供的绘图API。

QPainter的

QPainter在小部件和其他绘图设备上执行低级绘制。它可以绘制从简单线条到复杂形状的所有内容。

paintEvent方法

这幅画是在这个paintEvent()方法中完成的。绘图代码放在对象的方法begin()和 end()方法之间QPainter。它在小部件和其他绘图设备上执行低级绘制。

绘图文字

我们首先在窗口的客户区域上绘制一些Unicode文本。

#!/usr/bin/python3
# -*- coding: utf-8 -*-

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, 280, 170)
        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)        
                
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

在我们的例子中，我们在Cylliric中绘制了一些文本。文本垂直和水平对齐。

def paintEvent（self，event）：
...

绘图在绘画事件中完成。

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()paint事件的方法返回需要更新的矩形。随着Qt.AlignCenter我们对齐两个维度的文本。

图：绘图文字

绘图点

点是可以绘制的最简单的图形对象。这是窗户上的一个小点。

#!/usr/bin/python3
# -*- coding: utf-8 -*-


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()
        
        for i in range(1000):
            x = random.randint(1, size.width()-1)
            y = random.randint(1, size.height()-1)
            qp.drawPoint(x, y)     
                
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

在我们的示例中，我们在窗口的客户区域上随机绘制了1000个红点。

qp.setPen（Qt.red）

我们将笔设置为红色。我们使用预定义的Qt.red颜色常量。

size = self.size（）

每次调整窗口大小时，都会生成一个绘制事件。我们使用该size()方法获得窗口的当前大小。我们使用窗口的大小来分布窗口的客户区域上的点。

qp.drawPoint（x，y） 

我们用这个drawPoint()方法说明了这一点。

图：点数

颜色

颜色是表示红色，绿色和蓝色（RGB）强度值的组合的对象。有效的RGB值范围为0到255.我们可以通过各种方式定义颜色。最常见的是RGB十进制值或十六进制值。我们还可以使用RGBA值，代表红色，绿色，蓝色和Alpha。这里我们添加一些关于透明度的额外信息 Alpha值255定义完全不透明度，0表示完全透明度，例如颜色不可见。

#!/usr/bin/python3
# -*- coding: utf-8 -*-

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)
              
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

在我们的例子中，我们绘制了三个彩色矩形。

color = QColor（0,0,0）
color.setNamedColor（ '＃d4d4d4'）

这里我们使用十六进制表示法定义颜色。

qp.setBrush（QColor（200,0,0））
qp.drawRect（10,15,90,60）

这里我们定义一个画笔并绘制一个矩形。甲刷 是用于绘制的形状的背景的基本图形对象。该drawRect()方法接受四个参数。前两个是轴上的x和y值。第三个和第四个参数是矩形的宽度和高度。该方法使用当前的笔和画笔绘制矩形。

图：颜色

QPEN

这QPen是一个基本的图形对象。它用于绘制矩形，椭圆，多边形或其他形状的线条，曲线和轮廓。

#!/usr/bin/python3
# -*- coding: utf-8 -*-

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)
              
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

在我们的例子中，我们画了六行。线条以六种不同的笔样式绘制。有五种预定义的笔样式。我们还可以创建自定义笔样式。最后一行使用自定义笔样式绘制。

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()方法。数字列表定义了一种风格。必须有偶数个数字。奇数定义了破折号，偶数数字空间。数字越大，空间或破折号越大。我们的模式是1px破折号，4px空间，5px破折号，4px空间等。

图：笔样式

QBrush

QBrush是一个基本的图形对象。它用于绘制图形形状的背景，例如矩形，椭圆或多边形。画笔可以有三种不同的类型：预定义画笔，渐变或纹理图案。

#!/usr/bin/python3
# -*- coding: utf-8 -*-


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)
              
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

在我们的例子中，我们绘制了九个不同的矩形。

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

我们定义一个画笔对象。我们将它设置为painter对象并通过调用drawRect()方法绘制矩形。

图：刷子

Bézier曲线

贝塞尔曲线是一条立方线。PyQt5中的Bézier曲线可以用QPainterPath。画家路径是由许多图形构建块组成的对象，例如矩形，椭圆，线和曲线。

#!/usr/bin/python3
# -*- coding: utf-8 -*-


from PyQt5.QtWidgets import QWidget, QApplication
from PyQt5.QtGui import QPainter, QPainterPath
from PyQt5.QtCore import Qt
import sys

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)
              
        
if __name__ == '__main__':
    
    app = QApplication(sys.argv)
    ex = Example()
    sys.exit(app.exec_())

此示例绘制Bézier曲线。

path = QPainterPath（）
path.moveTo（30,30）
path.cubicTo（30,30,200,350,350,30）

我们用QPainterPath路径创建Bézier曲线。曲线是用cubicTo()方法创建的，它取三个点：起点，控制点和终点。

qp.drawPath(path)

最后的路径是用drawPath()方法绘制的。

图：Bézier曲线

在PyQt5教程的这一部分中，我们做了一些基本的绘画。