<b>Qt学习之路(27):突变填充</b>[VC/C++编程]

前面说了有关反走样的相关知识,下面来说一下突变.突变是画图中很常见的一种功效,简单来说就是可以把几种颜色混合在一同,让它们可以自然地过渡,而不是一下子变成另一种颜色.突变的算法对比复杂,写得不好的话效率会很低,好在很多画图系统都内置了突变的功效,Qt也不例外.突变普通是用在填充里面的,所以,突变的设置就是在QBrush里面.

Qt供应了三种突变画刷,辨别是线性突变(QLinearGradient)、辐射突变(QRadialGradient)、角度突变(QConicalGradient).以下图所示(图片出自C++ GUI Programming with Qt4, 2nd Edition):

下面我们来看一下线性突变QLinearGradient的用法.

void　PaintedWidget::paintEvent(QPaintEvent　*event)
{
QPainter　painter(this);
painter.setRenderHint(QPainter::Antialiasing,　true);
QLinearGradient　linearGradient(60,　50,　200,　200);
linearGradient.setColorAt(0.2,　Qt::white);
linearGradient.setColorAt(0.6,　Qt::green);
linearGradient.setColorAt(1.0,　Qt::black);
painter.setBrush(QBrush(linearGradient));
painter.drawEllipse(50,　50,　200,　150);
}

同前面一样,这里也仅仅给出了paintEvent()函数里面的代码.

首先我们翻开了反走样,然后成立一个QLinearGradient对象实例.QLinearGradient构造函数有四个参数,辨别是x1, y1, x2, y2,即突变的起始点和终止点.在这里,我们从(60, 50)开始突变,到(200, 200)止.

突变的颜色是在setColorAt()函数中指定的.下面是这个函数的签名:

void　QGradient::setColorAt　(　qreal　position,　const　QColor　&　color　)

它的意思是把position位置的颜色设置成color.此中,position是一个0 - 1区间的数字.也就是说,position是相关于我们成立突变对象时做的那个起始点和终止点区间的.比方这个线性突变,就是说,在从(60, 50)到(200, 200)的线段上,在0.2,也就五分之一处设置成白色,在0.6也就是五分之三处设置成绿色,在1.0也就是终点处设置成黑色.

在成立QBrush时,把这个突变对象传送进去,就是我们的后果啦:

那么,我们怎么让线段也是突变的呢?要知道,直线是用画笔绘制的啊!这里,假如你细心查阅了API文档就会发现,QPen是承受QBrush作为参数的.也就是说,你可以操纵一个QBrush成立一个QPen,这样,QBrush全部的填充效果都可以用在画笔上了!

void　PaintedWidget::paintEvent(QPaintEvent　*event)
{
QPainter　painter(this);
painter.setRenderHint(QPainter::Antialiasing,　true);
QLinearGradient　linearGradient(60,　50,　200,　200);
linearGradient.setColorAt(0.2,　Qt::white);
linearGradient.setColorAt(0.6,　Qt::green);
linearGradient.setColorAt(1.0,　Qt::black);
painter.setPen(QPen(QBrush(linearGradient),　5));
painter.drawLine(50,　50,　200,　200);
}

看看我们的突变线吧!

出处:http://devbean.blog.51cto.com/448512/238168