iOS实现圆角箭头视图

这篇文章主要为大家详细介绍了iOS实现圆角箭头视图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了iOS实现圆角箭头视图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

在APP中实现类似聊天内容背景图时，需要绘制圆角及箭头。很多人会选择使用图片(这也是最省事的一种方法)，但是对于在视图中对内容做约束布局的话，我们无法准确的知道箭头的偏移量。下面就来介绍一下利用CGContextRef怎样绘制吧。

先来看看效果图吧！

iOS实现圆角箭头视图

代码实现：

				?

									- (void)drawRect:(CGRect)rect {

									    float lw = 2; // 边线宽度

									    float aw = 4;// 箭头宽

									    float ah = 5;// 箭头高

									    float r = 3;// 圆角角度

									    // 需要减去边线的宽度，为什么不是减去边线的宽度x2？

									    // 因为左边线和上边线是往视图内描绘的，而右边线和下边线是往视图外描绘的。

									    float w = self.frame.size.width - lw;// 设置画线长度

									    float h = self.frame.size.height - lw;// 设置画线宽度

									    // 获取上下文

									    CGContextRef context = UIGraphicsGetCurrentContext();

									    // 设置边线宽度

									    CGContextSetLineWidth(context, lw);

									    //边框颜色

									    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);

									    // 矩形填充颜色

									    CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);

									    CGContextMoveToPoint(context, 0, lw); // 开始坐标左边开始

									    CGContextAddArcToPoint(context, w, lw, w, r, r); // 右上角角度

									    CGContextAddArcToPoint(context, w , h, w-r, h, r); // 右下角角度

									    CGContextAddArcToPoint(context, aw, h, aw, h-r, r); // 左下角角度

									    CGContextAddLineToPoint(context, aw, ah); // 向左上竖线

									    CGContextAddLineToPoint(context, 0, lw); // 向左上斜线

									    CGContextDrawPath(context, kCGPathFillStroke); //根据坐标绘制路径

									    // 父类调用 放在画完边线后。不然设置的文字会被覆盖

									    [super drawRect:rect];

									}