PyQt4 有丰富的组件。但是不可能提供所有的组件。PyQt4 中仅仅提供最常用的组件，像按钮，文本框，滑块等。如果我们需要特殊的组件，我们必须要自己创建。
自定制组件可以使用工具包画制工具创建。有两种可能，一个程序员可以修改或提升一个已存在的工具，或是从零开始创建。
这是一个组件，我们可以在 Nero，K3B 或其它 CD/DVD 刻录软件。
#!/usr/bin/python # -*- coding: utf-8 -*- """ ZetCode PyQt4 tutorial In this example, we create a custom widget. author: Jan Bodnar website: zetcode.com last edited: October 2011 """ import sys from PyQt4 import QtGui, QtCore class Communicate(QtCore.QObject): updateBW = QtCore.pyqtSignal(int) class BurningWidget(QtGui.QWidget): def __init__(self): super(BurningWidget, self).__init__() self.initUI() def initUI(self): self.setMinimumSize(1, 30) self.value = 75 self.num = [75, 150, 225, 300, 375, 450, 525, 600, 675] def setValue(self, value): self.value = value def paintEvent(self, e): qp = QtGui.QPainter() qp.begin(self) self.drawWidget(qp) qp.end() def drawWidget(self, qp): font = QtGui.QFont('Serif', 7, QtGui.QFont.Light) qp.setFont(font) size = self.size() w = size.width() h = size.height() step = int(round(w / 10.0)) till = int(((w / 750.0) * self.value)) full = int(((w / 750.0) * 700)) if self.value >= 700: qp.setPen(QtGui.QColor(255, 255, 255)) qp.setBrush(QtGui.QColor(255, 255, 184)) qp.drawRect(0, 0, full, h) qp.setPen(QtGui.QColor(255, 175, 175)) qp.setBrush(QtGui.QColor(255, 175, 175)) qp.drawRect(full, 0, till-full, h) else: qp.setPen(QtGui.QColor(255, 255, 255)) qp.setBrush(QtGui.QColor(255, 255, 184)) qp.drawRect(0, 0, till, h) pen = QtGui.QPen(QtGui.QColor(20, 20, 20), 1, QtCore.Qt.SolidLine) qp.setPen(pen) qp.setBrush(QtCore.Qt.NoBrush) qp.drawRect(0, 0, w-1, h-1) j = 0 for i in range(step, 10*step, step): qp.drawLine(i, 0, i, 5) metrics = qp.fontMetrics() fw = metrics.width(str(self.num[j])) qp.drawText(i-fw/2, h/2, str(self.num[j])) j = j + 1 class Example(QtGui.QWidget): def __init__(self): super(Example, self).__init__() self.initUI() def initUI(self): sld = QtGui.QSlider(QtCore.Qt.Horizontal, self) sld.setFocusPolicy(QtCore.Qt.NoFocus) sld.setRange(1, 750) sld.setValue(75) sld.setGeometry(30, 40, 150, 30) self.c = Communicate() self.wid = BurningWidget() self.c.updateBW[int].connect(self.wid.setValue) sld.valueChanged[int].connect(self.changeValue) hbox = QtGui.QHBoxLayout() hbox.addWidget(self.wid) vbox = QtGui.QVBoxLayout() vbox.addStretch(1) vbox.addLayout(hbox) self.setLayout(vbox) self.setGeometry(300, 300, 390, 210) self.setWindowTitle('Burning widget') self.show() def changeValue(self, value): self.c.updateBW.emit(value) self.wid.repaint() def main(): app = QtGui.QApplication(sys.argv) ex = Example() sys.exit(app.exec_()) if __name__ == '__main__': main()
在这个例子中，我们有一个 QtGui.QSlider 和一个自定制组件。滑块控制了自定制组件。这个组件显示一个媒介总的容量以及剩余的容量。这里最小的值是 1，最大是 750 。如果我们到达 700 ，我们开始画红色。这是用于指示过度烧制。
组件放在窗口的底部。这通过一个 QtGui.QHBoxLayout 和 QtGui.QVBoxLayout 实现。
class BurningWidget(QtGui.QWidget): def __init__(self): super(BurningWidget, self).__init__()
这个组件基于 QtGui.QWidget 组件。
self.setMinimumSize(1, 30)
我们更改了组件最小的大小（高度）。默认的值是一点点小。
font = QtGui.QFont('Serif', 7, QtGui.QFont.Light) qp.setFont(font)
我们用小于默认的字体。这适合于我们的需要。
size = self.size() w = size.width() h = size.height() step = int(round(w / 10.0)) till = int(((w / 750.0) * self.value)) full = int(((w / 750.0) * 700))
我们动态地绘制组件。窗口越大，组件会越大。反之亦然。这就是为何我们要计算组件的大小。参数 till 决定了要画多少。此值来自于滑块组件。这是整个区域的部分值。参数 full 决定了什么时候开始绘制红色部分。注意，此处使用了浮点运算，是为更高的精度。
真正绘制时包含三个部分。我们先绘制黄色或红色和黄色的矩形。然后绘制垂直的线，主要用于分割组件。最后是绘制数字，用于指示媒介的大小。
metrics = qp.fontMetrics() fw = metrics.width(str(self.num[j])) qp.drawText(i-fw/2, h/2, str(self.num[j]))
我们使用字体度量来绘制文本。我们必须要知道文本的宽度来居中绘制。
def changeValue(self, value): self.c.updateBW.emit(value) self.wid.repaint()
我们移动滑块时， changeValue() 方法就被调用了。在此方法内部，我们发送了自定义的 updateBW 信号，并且带了一个参数。这个参数是当前滑块的值。这个值用于计算在 Burning 这个组件中要绘制多少。自定义的组件然后被重绘。
本部分，我们创建了自己的组件。
posted on 2012-02-12 10:17 mirguest 阅读(1200) 评论(0) 编辑 收藏 引用 所属分类: Python
Powered by: C++博客 Copyright © mirguest
