1

我想在 Qt 中创建这样的形状:

在此处输入图像描述

这是一段代码(基本上绘制一个矩形并在其上绘制一个弧线):

 QPainterPath groupPath;
 QPen pen;

 pen.setCosmetic(true);

 groupPath.moveTo(60.0, 40.0);
 groupPath.arcTo(40.0, 35.0, 40.0, 10.0, 180.0, 180.0);
 groupPath.moveTo(40.0, 40.0);
 groupPath.lineTo(40.0, 80.0);
 groupPath.arcTo(40.0, 75.0, 40.0, 10.0, 0.0, 180.0);
 groupPath.arcTo(40.0, 75.0, 40.0, 10.0, 0.0, 180.0);
 groupPath.lineTo(80.0, 80.0);
 groupPath.lineTo(80.0, 40.0);
 groupPath.closeSubpath();
 //setFixedSize(135, 80);
 QPainter painter(this);
 painter.setPen(pen);
 painter.drawPath(groupPath);

该代码创建顶部和底部弯曲,但我无法创建左右弯曲。还有另一种方法可以做到这一点吗?我看到了 Clipping,但不确定它是否会起作用。

4

1 回答 1

2

这是一个近似值

auto convexRect = [](QPainterPath& pp, QRect r) {

    const int K = 20;
    QPoint
        tl = r.topLeft(), tr = r.topRight(), bl = r.bottomLeft(), br = r.bottomRight(),
        dy(0, K), dx(K, 0);

    pp.moveTo(tl);
    pp.cubicTo(tl + dy, tr + dy, tr);
    pp.cubicTo(tr - dx, br - dx, br);
    pp.cubicTo(br - dy, bl - dy, bl);
    pp.cubicTo(bl + dx, tl + dx, tl);
};

QPainterPath pp;
QRect r(0, 0, 200, 600);
convexRect(pp, r);
convexRect(pp, r.adjusted(20, 20, -20, -20));

产量

在此处输入图像描述

也许你可以得到更好的结果缩放一个凸矩形,而不是重新定义它。

于 2013-05-17T18:19:52.163 回答