内容简介:翻译自:https://stackoverflow.com/questions/13318572/how-to-draw-custom-shapeslike-a-tear-in-qt-with-qpainter-or-qpainterpath-using
告诉我你是否能看到我想要的图像和理解,并感谢你的帮助.
如果您想要绘制的形状可以表示为其他形状的分层,就像您链接到的图像一样,它很容易做到:
首先,我们需要构建一个QPainterPath来表示形状的外边缘.我们通过分层更简单的形状来构建它;在你的例子中,我们需要一个圆圈和一个正方形.注意
QPainterPath::setFillRule(Qt::WindingFill)
的使用:这将影响路径绘制的方式(尝试删除它以查看差异!).
QPainterPath OuterPath; OuterPath.setFillRule(Qt::WindingFill); OuterPath.addEllipse(QPointF(60, 60), 50, 50); OuterPath.addRect(60, 10, 50, 50);
根据您给出的示例,我们还需要从填充形状的中心移除圆形区域.让我们将内部’border’表示为QPainterPath,然后使用
QPainterPath::subtracted()
从OuterPath中减去InnerPath并生成我们的最终形状:
QPainterPath InnerPath; InnerPath.addEllipse(QPointF(60, 60), 20, 20); QPainterPath FillPath = OuterPath.subtracted(InnerPath);
一旦我们构建了形状路径,我们就需要使用它们来填充/勾勒出形状.让我们首先创建一个QPainter并将其设置为使用抗锯齿:
QPainter Painter(this); Painter.setRenderHint(QPainter::Antialiasing);
然后我们需要填充我们构建的形状:
Painter.fillPath(FillPath, Qt::blue);
最后,让我们画出轮廓.请注意,因为我们有内部和外部边框的单独路径,我们能够使用不同的线条粗线描边每个边框.另请注意
QPainterPath::simplified()
的使用:这会将分层形状集转换为一个没有交叉点的QPainterPath:
Painter.strokePath(OuterPath.simplified(), QPen(Qt::black, 1)); Painter.strokePath(InnerPath, QPen(Qt::black, 3));
如果我们将所有这些放在一起,它看起来像这样:
void Shape::paintEvent(QPaintEvent *)
{
QPainterPath OuterPath;
OuterPath.setFillRule(Qt::WindingFill);
OuterPath.addEllipse(QPointF(60, 60), 50, 50);
OuterPath.addRect(60, 10, 50, 50);
QPainterPath InnerPath;
InnerPath.addEllipse(QPointF(60, 60), 20, 20);
QPainterPath FillPath = OuterPath.subtracted(InnerPath);
QPainter Painter(this);
Painter.setRenderHint(QPainter::Antialiasing);
Painter.fillPath(FillPath, Qt::blue);
Painter.strokePath(OuterPath.simplified(), QPen(Qt::black, 1));
Painter.strokePath(InnerPath, QPen(Qt::black, 3));
}
翻译自:https://stackoverflow.com/questions/13318572/how-to-draw-custom-shapeslike-a-tear-in-qt-with-qpainter-or-qpainterpath-using
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 使用Python生成不规则形状的图形
- 使用CSS的border属性绘制各种几何形状
- 用CSS画一些多边形状
- css揭秘实战技巧 - 形状 [二]
- 45个值得收藏的 CSS 形状
- css绘制各种形状图形(第二版)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Web2.0策划指南
艾美 / 2009-11 / 32.00元
《Web2.0策划指南(影印版)》是讲述战略的。书中的示例关注的是Web 20的效率,而不聚焦于技术。你将了解到这样一个事实:创建Web 20业务或将Web 20战略整合到业务中,意味着创建一个吸引人们前来访问的在线站点,让人们愿意到这里来共享他们的思想、见闻和行动。当人们通过Web走到一起时,可能得到总体远远大于各部分和的结果。随着传统的“口碑传诵”助推站点高速成长,客户本身就能够帮助建立站点。......一起来看看 《Web2.0策划指南》 这本书的介绍吧!