绘制路径

QPainterPath(绘制器)

QPainterPath类提供一个容器,可以用来创建图形并且重复使用。绘制器路径是由许多图形构建基块(如矩形、椭圆形、直线和曲线)组成的对象。构建基块可以连接在封闭的子路径中,例如作为矩形或椭圆。封闭路径具有重合的起点和终点。或者它们可以作为未闭合的子路径独立存在,例如直线和曲线。

构造函数:

 常用函数:

这里只是部分,更多请看官方文档。

addEllipse()在指定的矩形添加椭圆
addPath()添加路径
addPolygon()添加多边形
addRect()添加矩形
addRoundRect()添加圆角矩形
addText()添加文字,子路径的位置使文本基线的左端位于指定
clear()清除所有
cubicTo()添加贝塞尔曲线
elementCount返回容器中的路劲元素个数
elementAt()获取路径中的一个元素
length()返回路径长度
isEment()判空
lineTo()绘制一条直线
moveTo()将当前点移动到给定
currentPosition()获取当前的点
translate()平移移动
setFillRule()设置填充方式

QPainterPath::setFillRule(Qt::FillRule fillRule)

Qt::OldEvenFill奇偶填充(默认)
Qt::WindingFill非零弯曲规则
  • Qt::OldEvenFill:绘制一条从点到形状外部位置的水平线,并计算交点数。如果交点数为奇数,则点位于形状内部。
  • Qt::WindingFill:绘制一条从点到形状外部位置的水平线。确定每个交点处的直线方向是向上还是向下。绕组编号是通过对每个交叉点的方向求和来确定的。如果数字不为零,则点位于形状内。在大多数情况下,此填充模式也可以被视为闭合形状的交集。

绘制贝塞尔曲线:

这个曲线的绘制的机制不太了解,想了解的可以百度。

贝塞尔曲线_百度百科 (baidu.com)

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.cubicTo(99,0,50,50,99,99);
    painter.setPen(Qt::blue);
    painter.drawPath(path);//添加绘制路径
}

 绘制直线:

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.cubicTo(99,0,50,50,99,99);//绘制贝塞尔曲线
    path.moveTo(100,100);//移动坐标
    path.lineTo(100,200);//绘制直线
    path.lineTo(200,100);//绘制直线
    painter.setPen(Qt::blue);
    painter.drawPath(path);//添加绘制路径
}

 绘制其他图形:

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.addRect(0,0,50,50);//绘制矩形
    path.addEllipse(100,100,50,50);//绘制圆形
    path.addText(200,200,QFont("宋体",12),tr("绘制器"));//绘制文字
    painter.setPen(Qt::blue);
    painter.drawPath(path);//添加绘制路径
}

 填充规则的示例:

Qt::OldEvenFill(默认填充)

通过覆盖的层数来判断

  • 偶数个图形重叠,重叠颜色为底色
  • 奇数个图形重叠,重叠颜色为本身的颜色

两个图形重叠:重叠处颜色为底色

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.addEllipse(QPointF(200,200),100,100);
    path.addRect(0,0,200,200);
    painter.setPen(Qt::blue);
    painter.setBrush(Qt::red);//添加画刷
    painter.drawPath(path);//添加绘制路径
}

 三个图形重叠:重叠处颜色为本身的颜色

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.addEllipse(QPointF(200,200),100,100);
    path.addEllipse(QPointF(200,100),100,100);
    path.addRect(0,0,200,200);
    painter.setPen(Qt::blue);
    painter.setBrush(Qt::red);//添加画刷
    painter.drawPath(path);//添加绘制路径
}

 其他多个层叠以此类推。

Qt::WindingFill

 重叠处的颜色为图形颜色

两个图形重叠:

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.addEllipse(QPointF(200,200),100,100);
    //path.addEllipse(QPointF(200,100),100,100);
    path.addRect(0,0,200,200);
    path.setFillRule(Qt::WindingFill);//设置非0弯曲填充
    painter.setPen(Qt::blue);
    painter.setBrush(Qt::red);//添加画刷
    painter.drawPath(path);//添加绘制路径
}

 三个图形重叠:

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPainterPath path;//创建一个绘制路径
    path.addEllipse(QPointF(200,200),100,100);
    path.addEllipse(QPointF(200,100),100,100);
    path.addRect(0,0,200,200);
    path.setFillRule(Qt::WindingFill);//设置非0弯曲填充
    painter.setPen(Qt::blue);
    painter.setBrush(Qt::red);//添加画刷
    painter.drawPath(path);//添加绘制路径
}

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值