使用UIBezierPath绘制图形

如果效果图


具体 实现方法：

在UIView的子类中重写- (void)drawRect:(CGRect)rect;方法

- (void)drawRect:(CGRect)rect
{

    CGContextRef context =UIGraphicsGetCurrentContext();

    
   CGContextClearRect(context, rect);

    

    [self.calloutBackgroundColorsetFill];

    
   CGRect bezieRect = rect;
    bezieRect.size.width -=kCalloutPinHeight;

    

    //绘制右边三角曲线 开始

    //圆角四边形
   UIBezierPath *bezier = [UIBezierPathbezierPathWithRoundedRect:bezieRect
                                                     cornerRadius:4.0];

    //添加右边三角形
    [beziermoveToPoint:CGPointMake(bezieRect.size.width,
(bezieRect.size.height /
2) - 4.0)];

   CGPoint firstLinePoint =
CGPointMake(rect.size.width, (bezieRect.size.height /2));
    [bezieraddLineToPoint:firstLinePoint];

    
   CGPoint secondLinePoint =
CGPointMake(bezieRect.size.width, (bezieRect.size.height /2)
+ 4.0);
    [bezieraddLineToPoint:secondLinePoint];

    //绘制右边三角曲线 结束
    [bezierfill];

    
}