iOS（CoreGraphics）画带箭头的框

- 日理万妓 2022-09-24 06:20 338阅读 0赞

自己画带箭头的框，需要导入CoreGraphics.framwork库

新建一个集成UIView 的类，对UIView中的drawRect:(CGRect)rect方法重写如下。

绘图操作

//绘制带箭头的矩形

\-(void)drawArrowRectangle:(CGRect) frame

\{

// 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸

CGContextRef ctx =UIGraphicsGetCurrentContext();

// 创建一个新的空图形路径。

CGContextBeginPath(ctx);

//启始位置坐标x，y

CGFloat origin\_x = frame.origin.x;

CGFloat origin\_y = frame.origin.y;

//第一条线的位置坐标

CGFloat line\_1\_x = frame.size.width;

CGFloat line\_1\_y = origin\_y;

//第二条线的位置坐标

CGFloat line\_2\_x = line\_1\_x;

CGFloat line\_2\_y = frame.size.height;

//第三条线的位置坐标

CGFloat line\_3\_x = origin\_x + 20;

CGFloat line\_3\_y = line\_2\_y;

//尖角的顶点位置坐标

CGFloat line\_4\_x = line\_3\_x - 5;

CGFloat line\_4\_y = line\_2\_y + 10;

//第五条线位置坐标

CGFloat line\_5\_x = line\_4\_x - 5;

CGFloat line\_5\_y = line\_3\_y;

//第六条线位置坐标

CGFloat line\_6\_x = origin\_x;

CGFloat line\_6\_y = line\_2\_y;

CGContextMoveToPoint(ctx, origin\_x, origin\_y);

CGContextAddLineToPoint(ctx, line\_1\_x, line\_1\_y);

CGContextAddLineToPoint(ctx, line\_2\_x, line\_2\_y);

CGContextAddLineToPoint(ctx, line\_3\_x, line\_3\_y);

CGContextAddLineToPoint(ctx, line\_4\_x, line\_4\_y);

CGContextAddLineToPoint(ctx, line\_5\_x, line\_5\_y);

CGContextAddLineToPoint(ctx, line\_6\_x, line\_6\_y);

CGContextClosePath(ctx);

UIColor \*costomColor = \[UIColorcolorWithWhite:0alpha:0.8\];

CGContextSetFillColorWithColor(ctx, costomColor.CGColor);

CGContextFillPath(ctx);

\}

//重写绘图，调用刚才绘图的方法

\-(void)drawRect:(CGRect)rect

\{

CGRect frame = rect;

frame.size.height = frame.size.height -20;

rect = frame;

//绘制带箭头的框框

\[selfdrawArrowRectangle:rect\];

\}

效果如下图：（带箭头的框中的信息是后添加的，这里只是介绍了利用CoreGraphics画图）

![Center][]

[Center]: /images/20220719/fa70df8fa4d9408d89d85d516ac08fdb.png

发表评论取消回复

表情：

评论列表（有 0 条评论，338人围观）

还没有评论，来说两句吧...

相关阅读

相关 Openlayers实战：绘制带箭头的线

Openlayers地图中有的时候会用到这样的场景，连续画几段线段，但是要知道绘制的方向，给人以指引的提示作用。怎么绘制呢？在本实战中，主要的是处理线段的显示方式，在线段的

「爱情、让人受尽委屈。」/ 2024年03月17日 17:02/ 0 赞/ 115 阅读

相关学习OpenCV3：画带箭头的直线

-------------------- 一、问题现有一条直线 p 1 p 2 p\_1p\_2 p1p2，给定箭头角度`angle`，长度`length`，

迈不过友情╰/ 2023年02月22日 12:30/ 0 赞/ 241 阅读

相关 visio画虚框

1、选中矩形 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

超、凢脫俗/ 2022年10月28日 15:22/ 0 赞/ 274 阅读

相关 CSS带箭头的下拉栏

CSS带箭头的下拉栏 <!DOCTYPE html> <html> <head> <style> .wrap { position: re

梦里梦外;/ 2022年10月13日 01:53/ 0 赞/ 242 阅读

相关 iOS（CoreGraphics）画带箭头的框

自己画带箭头的框，需要导入CoreGraphics.framwork库新建一个集成UIView 的类，对UIView中的drawRect:(CGRect)rect方法重写如

- 日理万妓/ 2022年09月24日 06:20/ 0 赞/ 339 阅读

相关 css画空心箭头

![image][] <i class="u-arrow u-arrow-left "> </i> .u-arrow { display: inli

悠悠/ 2022年07月17日 16:13/ 0 赞/ 281 阅读

相关 MFC中如何画带实心箭头的直线

工作中遇到话流程图的项目，需要画带箭头的直线，经过摸索，解决；思路如下：（1）两个点（p1,p2)确定一个直线，以直线的一个端点（假设p2)为原点，设定一个角度（2）

偏执的太偏执、/ 2022年06月16日 05:20/ 0 赞/ 237 阅读

相关 canvas画拓扑图（箭头连线）

效果图：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F

以你之姓@/ 2022年04月16日 00:08/ 0 赞/ 524 阅读

相关 pb调用c#编写的dll（实例为画带箭头的线）

本文转自：[https://blog.csdn.net/zh1303300/article/details/88177929?tdsourcetag=s\_pcqq\_aiom

痛定思痛。/ 2022年03月12日 18:59/ 0 赞/ 516 阅读

相关 photoshop对选中区域填充、画矩形、带箭头直线等常用操作

photoshop对选中区域填充、画矩形、带箭头直线等常用操作选中区域填充画矩形画带箭头直线其他选中区域填充选中区域后，快捷键

淡淡的烟草味﹌/ 2021年12月23日 04:59/ 0 赞/ 361 阅读