iOS实现圆角箭头视图

 更新时间:2021年04月15日 17:34:38   作者:徐石石石  
这篇文章主要为大家详细介绍了iOS实现圆角箭头视图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

先来看看效果图吧!

代码实现:

- (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];
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • IOS 开发之Object-C中的对象详解

    IOS 开发之Object-C中的对象详解

    这篇文章主要介绍了IOS 开发之Object-C中的对象详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • iOS UIView常见属性方法小结

    iOS UIView常见属性方法小结

    本文通过实例代码给大家详细介绍了iOS UIView常见属性方法,非常不错,需要的朋友参考下吧
    2016-12-12
  • iOS中的3种定时器汇总介绍

    iOS中的3种定时器汇总介绍

    这篇文章主要介绍了iOS中的3种定时器汇总介绍的相关资料,需要的朋友可以参考下
    2023-05-05
  • MAC系统下安装FFmpeg的图文教程

    MAC系统下安装FFmpeg的图文教程

    这篇文章主要给大家介绍了关于如何在MAC系统下安装FFmpeg的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • iOS9与XCode7中不能使用http连接的快速解决办法

    iOS9与XCode7中不能使用http连接的快速解决办法

    这篇文章主要介绍了iOS9与XCode7中不能使用http连接的快速解决办法,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧,需要的朋友可以参考下
    2016-10-10
  • Unity移动端的复制要这么写示例代码

    Unity移动端的复制要这么写示例代码

    这篇文章主要给大家介绍了关于Unity移动端的复制的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-08-08
  • iOS应用开发中UITabBarController标签栏控制器使用进阶

    iOS应用开发中UITabBarController标签栏控制器使用进阶

    这篇文章主要介绍了iOS应用开发中UITabBarController标签栏控制器的使用进阶,实例代码为传统的Objective-C,需要的朋友可以参考下
    2016-03-03
  • 详解Obejective-C中将JSON数据转为模型的方法

    详解Obejective-C中将JSON数据转为模型的方法

    这篇文章主要介绍了Obejective-C中JSON数据转为模型的方法,同时介绍了使用jastor库的方法,需要的朋友可以参考下
    2016-03-03
  • iOS实现百度地图拖拽后更新位置以及反编码

    iOS实现百度地图拖拽后更新位置以及反编码

    百度地图已经开放了地图API,大家可以很方便的调用地图中的相应数据,并完成各项个性化的展示,下面这篇文章主要给大家介绍了关于iOS如何实现百度地图拖拽后更新位置以及反编码的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-12-12
  • iOS利用手机摄像头测心率

    iOS利用手机摄像头测心率

    这篇文章主要为大家详细介绍了iOS利用手机摄像头测心率的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论