美文网首页
带箭头的UIView

带箭头的UIView

作者: 人生半阙将进酒 | 来源:发表于2017-08-24 08:49 被阅读0次

  在网上查资料的时候,看到带箭头的UIView的箭头都是直的,显得很没有平滑感,恰好当时正在写高德地图,高德地图中有一个气泡就是画的,正好拿来用一用!本来参考高德地图的气泡写过一个,不小心将代码遗失去,后来参考:http://www.jianshu.com/p/0c609bf5cb6f

下面是经过改变路径后的代码:

- (void)drawRect:(CGRect)rect {

        //默认圆角角度

         float    r =4;

       //居中偏移量(箭头高度)

       float      offset =5;

       //设置箭头位置

       float       positionNum =20;

       //设置画线长宽

        float        w =self.frame.size.width;

        float         h =self.frame.size.height;

        //获取文本

        CGContextRefcontext =UIGraphicsGetCurrentContext();

         //设置边线宽度

         CGContextSetLineWidth(context,0.2);

         //边框颜色

         CGContextSetStrokeColorWithColor(context, [UIColorgrayColor].CGColor); 

         //矩形填充颜色

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

          CGContextMoveToPoint(context,0, h);

         CGContextAddLineToPoint(context, w, h);//向右划线

         CGContextAddLineToPoint(context, w, offset);//向右上角划线

         CGContextAddLineToPoint(context, positionNum +20, offset);//向左划线

         CGContextAddArcToPoint(context, positionNum +10,0, positionNum, offset, r);//向             左上划曲线

         CGContextAddArcToPoint(context, positionNum, offset,0, offset, r);//向左下划曲线

         CGContextAddLineToPoint(context,0, offset);//向左顶点划                                 

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

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

         [super   drawRect:rect];

 }

相关文章

  • 带箭头的UIView

    在网上查资料的时候,看到带箭头的UIView的箭头都是直的,显得很没有平滑感,恰好当时正在写高德地图,高德地图中...

  • 自己绘制一个带箭头的UIView

    最近在做项目时老大需要在点按钮上弹出一个带有指向按钮箭头的一个视图,视图上放的是tableview。因此,鄙人在一...

  • 1.IOS之UI基础(一)

    1.前言 2.UIView的思维导图: 3.指定启动页面,带箭头就是首次启动的页面 4.常用的快捷键: 5.一般情...

  • 使用Markdown画UML

    使用sequence 简单样式 复杂样式 mermaid 类型描述->实线无箭头->虚线无箭头->>带箭头的实线-...

  • 类图描述

    类图 带箭头的虚线表示类和接口的连接,带箭头的实线表示类和类之间的连接。 时序图

  • Tikz:好看的箭头

    说明:用Tikz中画带箭头的线时,只用[->]画的箭头太难了!推荐使用:[-latex]

  • 画带箭头的view

    (void)drawRect:(CGRect)rect {CGRect frame = CGRectMake(0,...

  • Shape - 带箭头的背景

    效果图: xml文件: 注意:xxx : 是小三角图标 要想文字垂直居中需要paddingBottom,大小则是x...

  • 画带箭头的线段

    #deifne F_EQU 0.0000001 #define M_PI 3.1415926 需要注意显示时的设备...

  • 基于Telegram二次开发 --- Node 篇

    Telegram 使用的核心 Node 带箭头的边框:右边的 Node 是左边 Node 的子类; 无箭头的边框:...

网友评论

      本文标题:带箭头的UIView

      本文链接:https://www.haomeiwen.com/subject/afesdxtx.html