|
|
在 PyQt4 中繪圖
繪圖常用于，當(dāng)我們想改變一個已存在的組件，或者是我們希望自己創(chuàng)建組件。為了實現(xiàn)繪圖，我們可以使用 PyQt4 中提供的 API 。
繪制一般由 paintEvent() 方法處理。繪制的代碼放置于 QtGui.QPainter 對象的 begin() 與 end() 之間。
繪制文本
我們可以把一些 Unicode 文本繪制到屏幕上。
#!/usr/bin/python
# -*- coding: utf-8 -*-
"""
ZetCode PyQt4 tutorial
In this example, we draw text in Russian azbuka.
author: Jan Bodnar
website: zetcode.com
last edited: September 2011
"""
import sys
from PyQt4 import QtGui, QtCore
class Example(QtGui.QWidget):
def __init__(self):
super(Example, self).__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('Draw text')
self.show()
def paintEvent(self, event):
qp = QtGui.QPainter()
qp.begin(self)
self.drawText(event, qp)
qp.end()
def drawText(self, event, qp):
qp.setPen(QtGui.QColor(168, 34, 3))
qp.setFont(QtGui.QFont('Decorative', 10))
qp.drawText(event.rect(), QtCore.Qt.AlignCenter, self.text)
def main():
app = QtGui.QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
在這里，我們繪制了一些 Azbuka 文字。這段文本垂直和水平上都對齊了。
def paintEvent(self, event):
繪制在 paint 事件中完成。
qp = QtGui.QPainter()
qp.begin(self)
self.drawText(event, qp)
qp.end()
QtGui.QPainter 類可用于底層的繪制。所有繪制的方法要處于 begin() 與 end() 之間。真正的繪制委托給了 drawText() 方法。
qp.setPen(QtGui.QColor(168, 34, 3))
qp.setFont(QtGui.QFont('Decorative', 10))
這里我們定義了畫筆及字體。
qp.drawText(event.rect(), QtCore.Qt.AlignCenter, self.text)
drawText() 方法就把文本繪制到窗口上了。 rect() 方法返回所需的矩形。
繪制點
一個點是最簡單的圖形對象。在窗口上它就是小圓點。
#!/usr/bin/python
# -*- coding: utf-8 -*-
"""
ZetCode PyQt4 tutorial
In the example, we draw randomly 1000 red points
on the window.
author: Jan Bodnar
website: zetcode.com
last edited: September 2011
"""
import sys, random
from PyQt4 import QtGui, QtCore
class Example(QtGui.QWidget):
def __init__(self):
super(Example, self).__init__()
self.initUI()
def initUI(self):
self.setGeometry(300, 300, 280, 170)
self.setWindowTitle('Points')
self.show()
def paintEvent(self, e):
qp = QtGui.QPainter()
qp.begin(self)
self.drawPoints(qp)
qp.end()
def drawPoints(self, qp):
qp.setPen(QtCore.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)
def main():
app = QtGui.QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
這個例子中，我們隨機(jī)畫了 1000 個紅點。
這里設(shè)置了紅色的畫筆。我們使用預(yù)定義的顏色常量。
每次我們重新調(diào)整了窗口，一個繪圖信號就被生成。我們通過窗口的 size() 方法獲取當(dāng)前的大小。我們使用這個大小繪制點的分布。
我們使用 drawPoint() 繪制了點。
顏色
一個顏色對象代表紅色，綠色和藍(lán)色（RGB）的混合。合法的 RGB 值范圍在 0 到 255 。我們可以以多種方式定義顏色。最常見的就是使用 RGB 十進(jìn)制或十六進(jìn)制。我們也可以使用 RGBA 值，分別代表 Red，Green，Blue，Alpha。這里額外的信息表示透明度。Alpha值255定義為完全不透明，0 代表完全透明。
#!/usr/bin/python
# -*- coding: utf-8 -*-
"""
ZetCode PyQt4 tutorial
This example draws three rectangles in three
different colors.
author: Jan Bodnar
website: zetcode.com
last edited: September 2011
"""
import sys
from PyQt4 import QtGui, QtCore
class Example(QtGui.QWidget):
def __init__(self):
super(Example, self).__init__()
self.initUI()
def initUI(self):
self.setGeometry(300, 300, 350, 100)
self.setWindowTitle('Colors')
self.show()
def paintEvent(self, e):
qp = QtGui.QPainter()
qp.begin(self)
self.drawRectangles(qp)
qp.end()
def drawRectangles(self, qp):
color = QtGui.QColor(0, 0, 0)
color.setNamedColor('#d4d4d4')
qp.setPen(color)
qp.setBrush(QtGui.QColor(200, 0, 0))
qp.drawRect(10, 15, 90, 60)
qp.setBrush(QtGui.QColor(255, 80, 0, 160))
qp.drawRect(130, 15, 90, 60)
qp.setBrush(QtGui.QColor(25, 0, 90, 200))
qp.drawRect(250, 15, 90, 60)
def main():
app = QtGui.QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
在我們的例子里，我們畫了三個帶色的矩形。
color = QtGui.QColor(0, 0, 0)
color.setNamedColor('#d4d4d4')
這里我們定義了使用十六進(jìn)制的顏色。
qp.setBrush(QtGui.QColor(200, 0, 0))
qp.drawRect(10, 15, 90, 60)
我們定義了一把刷子和畫了一個矩形。一把刷子是一個圖像對象，用于畫形狀的背景。 drawRect() 方法接受四個參數(shù)，第一二個為 x 和 y 值，第三四個是矩形的寬度和高度。這個方法用當(dāng)前的畫筆和刷子畫了一個矩形。
QtGui.QPen
QtGui.QPen 是一個圖像對象。主要用于畫線，曲線，以及矩形，橢圓，多邊形或其他形狀的外形。
#!/usr/bin/python
# -*- coding: utf-8 -*-
"""
ZetCode PyQt4 tutorial
In this example we draw 6 lines using
different pen styles.
author: Jan Bodnar
website: zetcode.com
last edited: September 2011
"""
import sys
from PyQt4 import QtGui, QtCore
class Example(QtGui.QWidget):
def __init__(self):
super(Example, self).__init__()
self.initUI()
def initUI(self):
self.setGeometry(300, 300, 280, 270)
self.setWindowTitle('Pen styles')
self.show()
def paintEvent(self, e):
qp = QtGui.QPainter()
qp.begin(self)
self.drawLines(qp)
qp.end()
def drawLines(self, qp):
pen = QtGui.QPen(QtCore.Qt.black, 2, QtCore.Qt.SolidLine)
qp.setPen(pen)
qp.drawLine(20, 40, 250, 40)
pen.setStyle(QtCore.Qt.DashLine)
qp.setPen(pen)
qp.drawLine(20, 80, 250, 80)
pen.setStyle(QtCore.Qt.DashDotLine)
qp.setPen(pen)
qp.drawLine(20, 120, 250, 120)
pen.setStyle(QtCore.Qt.DotLine)
qp.setPen(pen)
qp.drawLine(20, 160, 250, 160)
pen.setStyle(QtCore.Qt.DashDotDotLine)
qp.setPen(pen)
qp.drawLine(20, 200, 250, 200)
pen.setStyle(QtCore.Qt.CustomDashLine)
pen.setDashPattern([1, 4, 5, 4])
qp.setPen(pen)
qp.drawLine(20, 240, 250, 240)
def main():
app = QtGui.QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
在此處，我們畫了六條線。這些線以六種不同的樣式繪制。五種是預(yù)先定義的。最后一條線是自定義的。
pen = QtGui.QPen(QtCore.Qt.black, 2, QtCore.Qt.SolidLine)
我們創(chuàng)建了一個 QtGui.QPen 對象。它的顏色是黑色的，其寬度設(shè)為兩個像素。所以我們可以看到筆之間的區(qū)別。 QtCore.Qt.SolidLine 是一種預(yù)定義的樣式。
pen.setStyle(QtCore.Qt.CustomDashLine)
pen.setDashPattern([1, 4, 5, 4])
qp.setPen(pen)
這里我們定義了筆的自定義樣式。我們設(shè)置為 QtCore.Qt.CustomDashLine 樣式，并調(diào)用了 setDashPattern() 方法。這個有數(shù)字的列表定義了樣式。列表的長度必須是偶數(shù)。奇數(shù)位定義了劃線，而偶數(shù)則是空白。數(shù)字越大，那么它們就越大。我們這里是 1px 劃線 4px 空白 5px 劃線 4px 空白。
QtGui.QBrush
QtGui.QBrush 是一個圖像對象。它用于繪制圖像形狀的背景，比如矩形，橢圓，或多邊形。刷子可以有三種不同的形狀。
#!/usr/bin/python
# -*- coding: utf-8 -*-
"""
ZetCode PyQt4 tutorial
This example draws 9 rectangles in different
brush styles.
author: Jan Bodnar
website: zetcode.com
last edited: September 2011
"""
import sys
from PyQt4 import QtGui, QtCore
class Example(QtGui.QWidget):
def __init__(self):
super(Example, self).__init__()
self.initUI()
def initUI(self):
self.setGeometry(300, 300, 355, 280)
self.setWindowTitle('Brushes')
self.show()
def paintEvent(self, e):
qp = QtGui.QPainter()
qp.begin(self)
self.drawBrushes(qp)
qp.end()
def drawBrushes(self, qp):
brush = QtGui.QBrush(QtCore.Qt.SolidPattern)
qp.setBrush(brush)
qp.drawRect(10, 15, 90, 60)
brush.setStyle(QtCore.Qt.Dense1Pattern)
qp.setBrush(brush)
qp.drawRect(130, 15, 90, 60)
brush.setStyle(QtCore.Qt.Dense2Pattern)
qp.setBrush(brush)
qp.drawRect(250, 15, 90, 60)
brush.setStyle(QtCore.Qt.Dense3Pattern)
qp.setBrush(brush)
qp.drawRect(10, 105, 90, 60)
brush.setStyle(QtCore.Qt.DiagCrossPattern)
qp.setBrush(brush)
qp.drawRect(10, 105, 90, 60)
brush.setStyle(QtCore.Qt.Dense5Pattern)
qp.setBrush(brush)
qp.drawRect(130, 105, 90, 60)
brush.setStyle(QtCore.Qt.Dense6Pattern)
qp.setBrush(brush)
qp.drawRect(250, 105, 90, 60)
brush.setStyle(QtCore.Qt.HorPattern)
qp.setBrush(brush)
qp.drawRect(10, 195, 90, 60)
brush.setStyle(QtCore.Qt.VerPattern)
qp.setBrush(brush)
qp.drawRect(130, 195, 90, 60)
brush.setStyle(QtCore.Qt.BDiagPattern)
qp.setBrush(brush)
qp.drawRect(250, 195, 90, 60)
def main():
app = QtGui.QApplication(sys.argv)
ex = Example()
sys.exit(app.exec_())
if __name__ == '__main__':
main()
在這里，我們畫了九個不同的矩形。
brush = QtGui.QBrush(QtCore.Qt.SolidPattern)
qp.setBrush(brush)
qp.drawRect(10, 15, 90, 60)
我們定義了一個刷子對象，并設(shè)置給 painter 對象。然后通過 drawRect() 方法畫了矩形。
本部分，討論了基本的畫圖。
|