如何在QGraphicsItem中绘制一半的饼图

Question

我试图在 qGraphicsview 框架中绘制这样的一半饼图。

我尝试绘制两个饼图其中一个的颜色是透明的，但它不起作用，我决定在这里询问。

因为不太了解QPainterPath，所以画圆弧和饼图没成功！。

任何答案或想法将不胜感激。

Answer 1

我同意 Neox 的观点，这张图片并不是真正的馅饼；）。如果你想要一个实际的饼图（即：圆的一部分），你可以使用画家的内置方法：

QRect rect( -radius, -radius, radius*2, radius*2);
painter->drawPie( rect, startAngle*16, span*16 );

int radius
显然，你的馅饼的半径。

int startAngle
饼图开始的位置，例如与正 X 轴偏移 20°

int span
弧延伸的度数，例如，跨度 = 320° 的饼图将在距正 X 轴总共 340° 或 -20° 处结束。 （有关神奇的 *16，请参阅 QPainter 文档）

这应该会给您一个漂亮的 PacMan ^^ - 或者您可以尝试使用这些值。

现在，在没有更多详细信息的情况下，您需要弄清楚该片段的实际放置位置。当然，它会在某个图形项（例如自定义 QGraphicsItem）的 Paint 方法中，因此使用作为此方法的输入的画家。这实际上取决于您对小部件和其他内容的设置...

Qt 实际上有一个非常棒的文档，因此请务必先检查一下：（我自己只花了两周的时间，但是您可以通过以下方式获得很大的帮助）文档）

QGraphicsItem：http://qt-project.org/doc/qt-4.8/qgraphicsitem.html
QPainter： http://qt-project.org/doc/qt-4.8/qpainter .html

干杯，
路易丝

PS：第一个答案，耶！

Answer 2

擦除并不实际，因为很快您就会擦除图像中的其他内容，或者至少您需要非常小心绘制内容的顺序。

从字面上看，如果您正在寻找一种绘制饼图的方法，drawPie() 方法可以做到这一点，但是查看您提供的示例图像，您会寻找类似饼图的垫圈部分。

像这样的东西：

这是使用如下代码生成的：

QImage image(width,height,QImage::Format_ARGB32); 
image.fill(qRgba(0,0,0,0)); // clear and make transparent

QPainter painter; // use a painter to draw to the image
painter.begin(&image);

// center at (0,0) and scale so that range [-1,1] cover whole image
QTransform transform;
transform.translate(texSize/2, texSize/2);
transform.scale(texSize/2, -texSize/2);
painter.setTransform(transform);

// outer and inner washer dimensions
QRectF r1(-1, -1, 2, 2);
QRectF r2(-0.5, -0.5, 1, 1);

//-------------- this is the essence of the matter -------------
// create a path with two arcs to form the outline
QPainterPath path;
path.arcTo(r1,0,90);  // from 3 'clock 90 degrees cw
path.arcTo(r2,90,-90); // from 12 'clock 90 degrees ccw
//--------------------------------------------------------------

// and finally fill it
painter.fillPath(path, Qt::green);

// save it to file
image.save(QLatin1String("testimage.png"));

上面授予的内容不适用于 QGraphicsItem。但是我相信您应该执行此 QGraphicsPathItem 并从上面提取代码来创建路径。

我不想发布使用 QGraphicsPathItem 的代码，因为我没有时间测试该代码，但我相信上面的代码片段首先解决了如何创建几何图形的基本困难。