[Qt教程] 第14篇 2D绘图(四)绘制路径

165 篇文章 435 订阅
楼主
  发表于 2013-4-27 12:40:52  | 查看: 611 | 回复: 0
绘制路径

版权声明

该文章原创于Qter开源社区(www.qter.org),作者yafeilinux,转载请注明出处!



导语

如果要绘制一个复杂的图形,尤其是要重复绘制这样的图形,那么可以使用QPainterPath类,然后使用QPainter::drawPath()来进行绘制。QPainterPath类为绘制操作提供了一个容器,可以用来创建图形并且重复使用。一个绘图路径就是由多个矩形、椭圆、线条或者曲线等组成的对象,一个路径可以是封闭的,例如矩形和椭圆;也可以是非封闭的,例如线条和曲线。



环境: Windows Xp + Qt 4.8.4+QtCreator 2.6.2



目录

一、简单的使用路径
二、复制图形
三、绘制图形时的当前位置




正文


一、简单的使用路径

        依然在前面的项目中进行讲解。更改paintEvent() 函数如下:
void   MainWindow ::paintEvent( QPaintEvent   *)
{
     QPainterPath   path;
     path.addEllipse( 100 100 50 50 );
     path.lineTo( 200 200 );
     QPainter   painter( this );
     painter.setPen( Qt :: blue );
     painter.setBrush( Qt :: red );
     painter.drawPath(path);
}

        当创建一个QPainterPath 对象后,可以使用lineTo() arcTo() cubicTo() quadTo() 等函数将直线或者曲线添加到路径中。运行程序,效果如下图所示。
14-1.jpg



二、复制图形

        如果只是简单的将几个图形拼接在一起,其实完全没有必要用路径,之所以要引入路径,就是因为它的一个非常有用的功能:复制图形路径。我们在painEvent() 函数中继续添加下面几行代码:
QPainterPath   path2;
path2.addPath(path);
path2.translate(100,0);
painter.drawPath(path2);
     现在运行程序,效果如下图所示。
14-2.jpg


        可以看到,对于已经绘制好的路径,可以非常简单的进行重复绘制。



三、绘制图形时的当前位置

1. 我们先来看个例子,将paintEvent() 函数更改如下:

void   MainWindow ::paintEvent( QPaintEvent   *)
{
     QPainterPath   path;
     path.lineTo( 100 , 100 );
     path.lineTo( 200 , 100 );
     QPainter   painter( this );
     painter.drawPath(path);
}
        程序运行效果如下图所示。
14-3.jpg

        可以看到,创建路径后,默认是从(0, 0) 点开始绘制的,当绘制完第一条直线后当前位置是(100, 100) 点,从这里开始绘制第二条直线。绘制完第二条直线后,当前位置是(200,100)


2. 再来看一个例子。将paintEvent() 函数的内容更改如下:
void   MainWindow ::paintEvent( QPaintEvent   *)
{
     QPainterPath   path;
     path.addRect( 50 50 40 40 );
     path.lineTo( 200 200 );
     QPainter   painter( this );
     painter.drawPath(path);
}
        运行程序,效果如下图所示。
14-4.jpg

        可以发现,当绘制完矩形后,当前位置在矩形的左上角顶点,然后从这里开始绘制后面的直线。


4. 我们也可以使用moveTo() 函数来改变当前点的位置。例如将上面的代码更改为:

void   MainWindow ::paintEvent( QPaintEvent   *)
{
     QPainterPath   path;
     path.addRect( 50 ,   50 ,   40 ,   40 );
     // 移动到(100, 100)点
     path.moveTo( 100 ,   100 );
     path.lineTo( 200 ,   200 );
     QPainter   painter( this );
     painter.drawPath(path);
}

        这样当绘制完矩形以后,就会移动到(100, 100) 点进行后面的绘制。程序运行效果如下图所示。
14-5.jpg



结语

        这里只讲解了QPainterPath最基本的应用,使用好这个类可以绘制出很多特效图形。如果绘制的两个图形有交集,那么还要涉及到相交部分的填充规则问题,这部分内容可以参考《Qt Creator快速入门》10章的相关内容。






涉及到的源码下载:  painter_1.zip (2.11 KB, 下载次数: 5) 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值