PyQt5教程-21-绘画

PyQt5绘画系统能够渲染矢量图形,图像,轮廓基于字体的文本。绘画是GUI应用程序设计所必要的,比如我们想改变或增强现有的控件,或者如果我们从头开始创建自定义控件,做图等等。我们使用了PyQt5工具包提供的绘图API。

绘图是在paintEvent()方法中完成。QPainter 对象放在begin()方法和end()方法之间,它执行部件上的低层次的绘画和其他绘图设备。

Drawing text - 绘制文本

我们使用绘画在一个窗口的工作区显示一些Unicode文本。

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

"""
PyQt5 教程

在这个例子中,我们绘制azbuka字体文本。

作者:我的世界你曾经来过
博客:http://blog.csdn.net/weiaitaowang
最后编辑:2016年8月6日
"""

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

class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):

        self.text = u'\u041b\u0435\u0432 \u041d\u0438\u043a\u043e\u043b\u0430\
\u0435\u0432\u0438\u0447 \u0422\u043e\u043b\u0441\u0442\u043e\u0439: \n\
\u0410\u043d\u043d\u0430 \u041a\u0430\u0440\u0435\u043d\u0438\u043d\u0430'

        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('绘画文本')        
        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_())

在我们的例子中,我们绘制一些Azbuka字体文本。文本被垂直和水平地对齐。

    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()方法为paintEvent返回需要更新的矩形。

程序执行后
PyQt5教程-21-绘画_第1张图片

Drawing points - 绘制点

point可以得到最简单的图形对象,它是在窗口上的一个小点。

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

"""
PyQt5 教程

在这个例子中,我们在窗口随机绘制1000个点。

作者:我的世界你曾经来过
博客:http://blog.csdn.net/weiaitaowang
最后编辑:2016年8月6日
"""

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

class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):

        self.setGeometry(300, 300, 280, 170)
        self.setWindowTitle('绘制点')        
        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()方法绘制一个点。

程序执行后
PyQt5教程-21-绘画_第2张图片

Colours - 颜色

彩色是表示红、绿、和蓝(RGB)强度值组合的对象,有效的RGB值在从0到255,可以定义各种颜色,常见的RGB使用十进制值或十六进制值表示。我们也可以用RGBA代表红、绿、蓝和Alpha的值,Alpha是增加透明度方面一些额外的信息,255 Alpha值定义完全不透明,0 Alpha是完全透明的,颜色是不可见的。

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

"""
PyQt5 教程

这个例子绘制三个不同颜色的矩形。

作者:我的世界你曾经来过
博客:http://blog.csdn.net/weiaitaowang
最后编辑:2016年8月6日
"""

import sys
from PyQt5.QtWidgets import QApplication, QWidget
from PyQt5.QtGui import QPainter, QColor

class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):

        self.setGeometry(300, 300, 350, 100)
        self.setWindowTitle('颜色')        
        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_())

在这个例子中,我们得出3彩色矩形。

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

在这里我们定义使用十六进制的颜色。

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

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

程序执行后
PyQt5教程-21-绘画_第3张图片

QPen - 钢笔

QPen 是一个基本的图形对象。它被用于绘制直线、曲线、和轮廓矩形、椭圆、多边形、或其它形状等等。

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

"""
PyQt5 教程

在这个例子中,我们绘制使用不同样式的6条线。

作者:我的世界你曾经来过
博客:http://blog.csdn.net/weiaitaowang
最后编辑:2016年8月6日
"""

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

class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):

        self.setGeometry(300, 300, 280, 270)
        self.setWindowTitle('钢笔样式')        
        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空余。

程序执行后
PyQt5教程-21-绘画_第4张图片

QBrush - 画刷

QBrush 是一个基本的图形对象。它用于填充图形形状,如矩形,椭圆形或多边形的背景。QBrush 可以是三种不同类型的:预定义,过渡,或一个纹理图案。


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

"""
PyQt5 教程

这个例子绘制九个不同样式的矩形。

作者:我的世界你曾经来过
博客:http://blog.csdn.net/weiaitaowang
最后编辑:2016年8月6日
"""

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

class Example(QWidget):

    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):

        self.setGeometry(300, 300, 365, 280)
        self.setWindowTitle('画刷')        
        self.show()

    def paintEvent(self, e):

        qp = QPainter()
        qp.begin(self)
        self.drawLines(qp)
        qp.end()

    def drawLines(self, qp):

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

        brush = QBrush(Qt.Dense1Pattern)
        qp.setBrush(brush)
        qp.drawRect(130, 15, 90, 60)

        brush = QBrush(Qt.Dense2Pattern)
        qp.setBrush(brush)
        qp.drawRect(250, 15, 90, 60)

        brush = QBrush(Qt.Dense3Pattern)
        qp.setBrush(brush)
        qp.drawRect(10, 105, 90, 60)

        brush = QBrush(Qt.DiagCrossPattern)
        qp.setBrush(brush)
        qp.drawRect(10, 105, 90, 60)

        brush = QBrush(Qt.Dense5Pattern)
        qp.setBrush(brush)
        qp.drawRect(130, 105, 90, 60)

        brush = QBrush(Qt.Dense6Pattern)
        qp.setBrush(brush)
        qp.drawRect(250, 105, 90, 60)

        brush = QBrush(Qt.HorPattern)
        qp.setBrush(brush)
        qp.drawRect(10, 195, 90, 60)

        brush = QBrush(Qt.VerPattern)
        qp.setBrush(brush)
        qp.drawRect(130, 195, 90, 60)

        brush = QBrush(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)

我们定义了QBrush 对象,然后将QPainter对象的设置画刷设置成QBrush 对象,并通过调用drawRect()方法绘制矩形。

程序执行后
PyQt5教程-21-绘画_第5张图片

你可能感兴趣的:(PyQt5)