IOS石英气泡带三角形

Question

让石英绘制出我想要的形状时遇到一些困难。基本上我想要这样的形状：

我可以获得圆形气泡，但是当我尝试添加时三角形就出错了。这是我通常得到的：

感谢您的宝贵时间。

CGContextRef context = UIGraphicsGetCurrentContext();
CGRect currentFrame = self.bounds;

CGContextSetLineJoin(context, kCGLineJoinRound);
CGContextSetLineWidth(context, self.BorderWidth);
CGContextSetStrokeColorWithColor(context, self.BorderColor.CGColor); 
CGContextSetFillColorWithColor(context, self.FillColor.CGColor);


float pad = BorderWidth + 0.5f;
float width = currentFrame.size.width - BorderWidth - 0.5f;
float height = currentFrame.size.height - BorderWidth - 0.5f;
float rounding = BorderRadius - BorderWidth;

CGContextMoveToPoint(context,pad + TriangleSize.width, pad);

//top
CGContextAddArcToPoint(context, 
                       width, 
                       pad, 
                       width, 
                       height, 
                       rounding);
//right
CGContextAddArcToPoint(context, 
                       width, 
                       height, 
                       round(width / 2.0f), 
                       height, 
                       rounding);
//bottom
CGContextAddArcToPoint(context, 
                       TriangleSize.width + pad, 
                       height, 
                       pad, 
                       pad , 
                       rounding);

//left
CGContextAddArcToPoint(context, 
                       TriangleSize.width, 
                       pad + TriangleSize.height*3, 
                       width, 
                       pad, 
                       0);

CGContextAddLineToPoint(context,-TriangleSize.width - pad,TriangleSize.height);
CGContextAddLineToPoint(context,pad + TriangleSize.width, pad + TriangleSize.height);

CGContextAddArcToPoint(context, 
                       pad + TriangleSize.width, 
                       pad - TriangleSize.height, 
                       width, 
                       height, 
                       rounding);

CGContextClosePath(context);
CGContextDrawPath(context, kCGPathFillStroke);

Answer 1

看起来我需要做的就是发布一个问题来解决这个问题。 :) 不管怎样，如果有人以后发现这个，这里是我用来让它工作的代码：

 CGContextRef context = UIGraphicsGetCurrentContext();
CGRect currentFrame = self.bounds;

CGContextSetLineJoin(context, kCGLineJoinRound);
CGContextSetLineWidth(context, self.BorderWidth);
CGContextSetStrokeColorWithColor(context, self.BorderColor.CGColor); 
CGContextSetFillColorWithColor(context, self.FillColor.CGColor);


float pad = BorderWidth + 0.5f;
float width = currentFrame.size.width - BorderWidth - 0.5f;
float height = currentFrame.size.height - BorderWidth - 0.5f;
float rounding = BorderRadius - BorderWidth;
float pos = (height/3); //height/2 //setting this to a third as I want the arrow to be a bit higher than the middle

CGContextMoveToPoint(context,pad*3 + TriangleSize.width, pad);
//top
CGContextAddArcToPoint(context, 
                       width, 
                       pad, 
                       width, 
                       height, 
                       rounding);
//right
CGContextAddArcToPoint(context, 
                       width, 
                       height, 
                       round(width / 2.0f), 
                       height, 
                       rounding);
//bottom
CGContextAddArcToPoint(context, 
                       pad + TriangleSize.width,
                       height, 
                       pad, 
                       pad , 
                       rounding);

CGContextAddLineToPoint(context, TriangleSize.width,pos + TriangleSize.height);
CGContextAddLineToPoint(context, 0,pos);
CGContextAddLineToPoint(context, TriangleSize.width,pos - TriangleSize.height);
//left
CGContextAddArcToPoint(context, 
                       pad + TriangleSize.width,
                       pad,
                       width, 
                       pad, 
                       rounding);


CGContextClosePath(context);
CGContextDrawPath(context, kCGPathFillStroke);

// Draw a clipping path for the fill
CGContextBeginPath(context);
CGContextMoveToPoint(context,pad*3 + TriangleSize.width, pad);
CGContextAddArcToPoint(context, width, pad, width, height, rounding);
CGContextAddArcToPoint(context, width, height, round(width / 2.0f), height,rounding);
CGContextAddArcToPoint(context, pad + TriangleSize.width,height, pad, pad, rounding);
CGContextAddLineToPoint(context, TriangleSize.width,pos + TriangleSize.height);
CGContextAddLineToPoint(context, 0,pos);
CGContextAddLineToPoint(context, TriangleSize.width,pos - TriangleSize.height);
CGContextAddArcToPoint(context, pad + TriangleSize.width,pad,width, pad, rounding);

CGContextClosePath(context);
CGContextClip(context);