iOS上实现画箭头,如果是指定了坐标点,那是很简单的,但如果需要做到实时绘制,就需要计算一下了

需求:

在白板上,根据手势落下点和移动点,实时绘制一条箭头直线(如下图)

实现代码:

/// 获取箭头的点位置
///
/// - Parameters:
/// - fPoint: <#fPoint description#>
/// - tPoint: <#tPoint description#>
/// - Returns: <#return value description#>
func getArrowPoint(fPoint:CGPoint,tPoint:CGPoint) -> (CGPoint,CGPoint,CGPoint) {
var p1 = CGPoint.zero //箭头点1
var p2 = CGPoint.zero //箭头点2
var p3 = CGPoint.zero //箭头最前面点
//假设箭头边长20,箭头是一个等腰三角形
let line = sqrt(pow(fabs(tPoint.x-fPoint.x), )+pow(fabs(tPoint.y-fPoint.y), ))
let arrowH:CGFloat = line> ? : line/
//线与水平方向的夹角
let angle = getAnglesWithThreePoints(p1: fPoint, p2: tPoint, p3: CGPoint(x: fPoint.x, y: tPoint.y))
let _x = CGFloat(fabs(sin(angle)))*arrowH/
let _y = CGFloat(fabs(cos(angle)))*arrowH/
//向右上角、水平向右
if tPoint.x >= fPoint.x && tPoint.y <= fPoint.y{
p1.x = tPoint.x-_x
p1.y = tPoint.y-_y p2.x = tPoint.x+_x
p2.y = tPoint.y+_y p3.x = tPoint.x+_y*
p3.y = tPoint.y-_x* }else if tPoint.x > fPoint.x && tPoint.y > fPoint.y{
//向右下角
p1.x = tPoint.x+_x
p1.y = tPoint.y-_y p2.x = tPoint.x-_x
p2.y = tPoint.y+_y p3.x = tPoint.x+_y*
p3.y = tPoint.y+_x*
}else if tPoint.x < fPoint.x && tPoint.y < fPoint.y{
//向左上角
p1.x = tPoint.x-_x
p1.y = tPoint.y+_y p2.x = tPoint.x+_x
p2.y = tPoint.y-_y p3.x = tPoint.x-_y*
p3.y = tPoint.y-_x* }else if tPoint.x < fPoint.x && tPoint.y >= fPoint.y{
//向左下角,水平向左
p1.x = tPoint.x-_x
p1.y = tPoint.y-_y p2.x = tPoint.x+_x
p2.y = tPoint.y+_y p3.x = tPoint.x-_y*
p3.y = tPoint.y+_x*
}else if fPoint.x==tPoint.x {
//竖直方向
p1.x=tPoint.x-arrowH/
p1.y=tPoint.y
p2.x=tPoint.x+arrowH/
p2.y=tPoint.y
p3.x=tPoint.x
p3.y = tPoint.y>fPoint.y ? tPoint.y+arrowH : tPoint.y-arrowH
} return (p1,p2,p3)
}

其中,获取夹角方法:getAnglesWithThreePoints

/// 计算三点之间的角度
///
/// - Parameters:
/// - p1: 点1
/// - p2: 点2(也是角度所在点)
/// - p3: 点3
/// - Returns: 角度(180度制)
func getAnglesWithThreePoints(p1:CGPoint,p2:CGPoint,p3:CGPoint) -> Double {
//排除特殊情况,三个点一条线
if (p1.x == p2.x && p2.x == p3.x) || ( p1.y == p2.x && p2.x == p3.x){
return
} let a = fabs(p1.x - p2.x)
let b = fabs(p1.y - p2.y)
let c = fabs(p3.x - p2.x)
let d = fabs(p3.y - p2.y) if (a < 1.0 && b < 1.0) || (c < 1.0 && d < 1.0){
return
}
let e = a*c+b*d
let f = sqrt(a*a+b*b)
let g = sqrt(c*c+d*d)
let r = Double(acos(e/(f*g)))
return r //弧度值 // return (180*r/Double.pi) //角度值 }

最后得到三个点,即箭头的三个点坐标

Swift实时画箭头的实现的更多相关文章

  1. 菱形实现气泡Bubble,菱形画箭头,菱形画三角形

    菱形实现气泡Bubble,菱形画箭头,菱形画三角形 >>>>>>>>>>>>>>>>>>&g ...

  2. android 使用Canvas画箭头

    public class MyCanvas extends View{        private Canvas myCanvas;    private Paint myPaint=new Pai ...

  3. SVG 使用marker画箭头(一)

    一.使用Marker画箭头 1.定义一个箭头的marker引用 <defs> <marker id='markerArrow' markerWidth='13' markerHeig ...

  4. WPF画箭头

    简介 参考Using WPF to Visualize a Graph with Circular Dependencies的基础上写了一个WPF画箭头的库. 效果图如下: 使用的XAML代码如下: ...

  5. canvas画箭头demo

    效果图: 代码: <!DOCTYPE html> <html> <title>canvas画箭头demo</title> <body> &l ...

  6. D2D画箭头的例子

    原文:D2D画箭头的例子 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/sunnyloves/article/details/50830102 用处 ...

  7. 如何用CorelDRAW画箭头?

    CorelDRAW,简称为cdr,是一款专业的矢量绘图软件,在设计界也是常用的专业设计之一,在日常的设计工作中,我们常常需要绘制一些特殊的图形,比如箭头.很多对cdr不是特别熟练的小伙伴不知道如何用c ...

  8. 在matlab 画箭头

    [转载]在matlab 画箭头 原文地址:在matlab 画箭头作者:纯情小郎君 完整见链接http://www.mathworks.com/matlabcentral/fx_files/14056/ ...

  9. Workflow:采用坐标变换(移动和旋转)画箭头

    背景 流程设计器的连线部分需要画一个箭头代表连接的方向,下图是期望的效果: 刚开始我准备采用三角函数(sin和cos)来计算三角的坐标,实现的过程真不爽(有兴趣的朋友可以试试),就在完工的时候,突然想 ...

随机推荐

  1. CentOS 7 休眠系统

    CentOS 7的电源按钮只有关机和重启两项,但是可以用命令来休眠系统: 重启: $ systemctl reboot 退出系统并停止电源: $ systemctl poweroff 待机: $ sy ...

  2. gradle修改apk包名和apk文件名

    需求1:根据渠道不同给包名添加不同的后缀名 方案: //先定义默认包名,用来复用 def packageName = "xxx.xxxx.xxxx" defaultConfig { ...

  3. window下配置SSH连接GitHub、GitHub配置ssh key

    window下配置SSH连接GitHub.GitHub配置ssh key   此经验分两部分: 第一部分介绍:在windows下通过msysGit(Git for windows.Git Bash)配 ...

  4. 常见素数筛选方法原理和Python实现

    1. 普通筛选(常用于求解单个素数问题) 自然数中,除了1和它本身以外不再有其他因数. import math def func_get_prime(n): func = lambda x: not ...

  5. C++雾中风景13:volatile解惑

    笔者入职百度时,二面面试官的让我聊聊C++之中的volatile关键词.volatile在Java和C++之中的差别可谓是天差地别,我只是简单聊了聊Java之中的volatile,面试官对我的回答并不 ...

  6. 移动端滑屏全应用【四】移动端动画贞动画函数mTween封装

    首先此函数是基于大家都知道的Tween动画算法的,在此基础上使用了三中讲到的兼容版动画贞,可以使动画变得更流畅. 1. 首先要记得引入Tween.js 2. 引入mTween.js 3. 调用 * m ...

  7. MySQL5.6 大量SQL语句处于Writing to net状态的案例分析

    [问题现象] 开发同事反馈有应用在21:00-22:00之间出现大量超时报错. [问题分析] 1. 从DB服务器慢查询指标来看,18:00后有大量的慢查询,累计产生了约9000条慢查询 2. 测试直接 ...

  8. Err.number错误号和可捕获的 Microsoft access 数据库引擎和 DAO错误说明

    错误码        信息2420        数字语法错误2421        日期语法错误2422        字符串语法错误2423        ‘.’.‘!’.或 ‘()’的使用无效2 ...

  9. Codeforces.1082E.Increasing Frequency(思路)

    题目链接 \(Description\) 给定\(n\)个数.你可以选择一段区间将它们都加上或减去任意一个数.求最终序列中最多能有多少个数等于给定的\(C\). \(n\leq5\times10^5\ ...

  10. 潭州课堂25班:Ph201805201 第一课:环境搭建 (课堂笔记)

    安装PyCharm ,Oracle VM VirtualBox,Xshell ,实现仿真远程连接服务器,其中Oracle VM VirtualBox用于那家linux服务器,Xshell 用于连接服务 ...