Qt学习笔记（七） 二维图形(1) 使用QPainter绘图

Qt的二位图形引擎是基于
QPainter
类的。它既可以绘制几何形状，也可以绘制像素映射、图像和文字。自定义窗口部件需要重新实现
QWidget::paintEvent()
。

void

Widget::
paintEvent(
QPaintEvent

*
/*paintEvent*/
)

{

draw();

drawBezier();

}

void

Widget::
draw()

{

QPainter

painter(
this
);

painter.
setPen(
QPen
(
Qt
::
black,

10
,

Qt
::
DashDotLine,

Qt
::
RoundCap));

painter.
setBrush(
QBrush
(
Qt
::
green,

Qt
::
SolidPattern));

painter.
drawEllipse(
10
,

10
,

400
,

240
);

painter.
drawRect(
QRect
(
10
,

300
,

400
,

140
));

}

首先需要创建一个
QPainter
，将需要绘图的设备的指针传递给
QPainter
。

QPainter
有各种
draw…()
可以绘制不同的图形。画笔、画刷、字体是最重要的三种设置。

画笔用来画线和边缘，
QPainter
::setPen()
可以对画笔进行设置，包括颜色、宽度、线型、拐点风格等。

画刷用来填充几何形状的图案，
QPainter
::setBrush()
可以对画刷进行设置，包括颜色和纹理风格。

绘制文本时需要对字体进行设置，
QPainter
::setFont()
对字体进行设置，包括字体族和磅值。

void

Widget::
drawBezier()

{

QPainter

painter(
this
);

painter.
setRenderHint(
QPainter
::
Antialiasing,

true
);

QPainterPath

path;

path.
moveTo(
10
,

320
);

path.
cubicTo(
200
,

80
,

400
,

80
,

480
,

320
);

painter.
setPen(
QPen
(
Qt
::
black,

8
));

painter.
setBrush(
QBrush
(
Qt
::
green,

Qt
::
DiagCrossPattern));

painter.
drawPath(
path);

}

QPainterPath
可以通过连接基本的图形单元元素来确定任意的矢量形状，包括：直线、椭圆、多边形、弧形、贝赛尔曲线等。

首先使用
QPainter
::moveto()
来确定图形的起点，然后通过
cubicTo()
来确定绘制的线路。前
4
个参数确定了两个控制点，后两个参数是结束点的位置。

修改函数如下：

void

Widget::
drawBezier()

{

QPainter

painter(
this
);

painter.
setRenderHint(
QPainter
::
Antialiasing,

true
);

QPainterPath

path;

path.
moveTo(
10
,

320
);

path.
cubicTo(
200
,

80
,

400
,

80
,

480
,

320
);

painter.
setPen(
QPen
(
Qt
::
black,

2
));

painter.
drawPath(
path);

painter.
setPen(
QPen
(
Qt
::
red,

4
));

painter.
drawPoint(
10
,

320
);

painter.
drawPoint(
200
,

80
);

painter.
drawPoint(
400
,

80
);

painter.
drawPoint(
480
,

320
);

}



可看到几个点和曲线的位置关系。