如何使用QT绘制三角形和菱形形状

Question

我需要像这个图像一样绘制三角形和菱形。在这个设计三角形的代码中（图1）但是我需要将这个形状添加到文本“ TRI ”。而且我还需要实现这个代码来设计菱形形状（图2）。请帮我解决这个问题。

图1

void MainWindow::on_btnTri_clicked()
{
    QPen redPen(Qt::black);
    redPen.setWidth(2);
    QRectF rect = QRectF(0, 0, 200, 200);

    QPainterPath path;
    path.moveTo(rect.left() + (rect.width() / 2), rect.top());
    path.lineTo(rect.bottomLeft());
    path.lineTo(rect.bottomRight());
    path.lineTo(rect.left() + (rect.width() / 2), rect.top());
    QGraphicsPathItem* item = ui->graphicsView->scene()->addPath(path, redPen);
    item->setFlag(QGraphicsItem::ItemIsMovable, true);
    item->setFlag(QGraphicsItem::ItemIsSelectable,true);
}

图2 我使用此代码来设计图2 但是它无法传递参数来改变大小，我的图1设计的代码我可以将两个参数传递给{ {1}}这用于更改三角形的大小。所以我需要更改此代码以使用QRectF(0, 0, para1, para2);或任何其他方式执行相同的操作。

QPainterPath

Answer 1

您必须使用main() addText()方法将其放在中心，您必须计算文本的宽度和高度QPainterPath：

QFontMetrics

对于钻石的情况，你应该只得到每个顶点的中点：

QPen redPen(Qt::black);
redPen.setWidth(2);
QRectF rect(0, 0, 200, 200);

QPainterPath path;
path.moveTo(rect.left() + (rect.width() / 2), rect.top());
path.lineTo(rect.bottomLeft());
path.lineTo(rect.bottomRight());
path.lineTo(rect.left() + (rect.width() / 2), rect.top());
path.moveTo(rect.center());

QFont font("Times", 20, QFont::Bold);

QFontMetrics fm(font);
QString text = "TRI";
QSize size = fm.size(Qt::TextSingleLine, text);
path.addText(rect.center()+ QPointF(-size.width()*0.5, size.height()*0.5), font, text);

QGraphicsPathItem *item = ui->graphicsView->scene()->addPath(path, redPen);
item->setFlag(QGraphicsItem::ItemIsMovable, true);
item->setFlag(QGraphicsItem::ItemIsSelectable,true);