指针跟着你的手指滑动

痛定思痛。 2022-06-02 11:54 237阅读 0赞

//弧度转角度

\#define RADIANS\_TO\_DEGREES(radians) ((radians) \* (180.0 / M\_PI))

//角度转弧度

\#define DEGREES\_TO\_RADIANS(angle) ((angle) / 180.0 \* M\_PI)

CALayer \*needleLayer = \[CALayer layer\];

// 设置锚点

needleLayer.anchorPoint =  CGPointMake(0.5,  1);

// 锚点位置

needleLayer.position =  CGPointMake(105,  300);

// bounds

needleLayer.bounds =  CGRectMake(100,  100, 10, 200);

// 添加图片

needleLayer.contents = (id)\[UIImage imageNamed:@"zhizhen"\].CGImage;

\[self.view.layer addSublayer:needleLayer\];

needleLayer.transform =  CATransform3DMakeRotation(self.currentRadian, 0, 0,  1);

\_needleLayer = needleLayer;

\[self.viewaddGestureRecognizer:\[\[UIPanGestureRecognizeralloc\] initWithTarget:selfaction:@selector(handlePan:)\]\];

\- (void)handlePan:(UIGestureRecognizer \*)gesture \{

CGPoint currentPosition = \[gesture  locationInView:self.view\];

if (gesture.state == UIGestureRecognizerStateBegan)

\{

//        NSLog(@"\[%f, %f\]", currentPosition.x, currentPosition.y);

\}

elseif (gesture.state == UIGestureRecognizerStateChanged)

\{

NSLog(@"0000000000000000000");

self.currentRadian = \[self radiansToDegreesFromPointX:currentPosition  ToPointY:CGPointMake(0, 0) ToCenter:CGPointMake(105, 300)\];

\[CATransactionbegin\];

\[CATransactionsetDisableActions:YES\];

\_needleLayer.transform = CATransform3DMakeRotation(self.currentRadian, 0, 0, 1);

\[CATransactioncommit\];

\}

elseif (gesture.state == UIGestureRecognizerStateEnded)

\{

\}

\}

\#pragma mark - 计算触点和中心点的弧度

\-(float)radiansToDegreesFromPointX:(CGPoint)start ToPointY:(CGPoint)end ToCenter:(CGPoint)center\{

CGFloat x\_space = start.x \- center.x;

CGFloat y\_space = center.y \- start.y;

CGFloat r\_space =  sqrt(x\_space\*x\_space + y\_space\*y\_space);

CGFloat result =  acos(x\_space/r\_space);

if (start.x>=center.x&&start.y<=center.y) \{

result = M\_PI\_2\-result;

\}

if (start.x>=center.x&&start.y>center.y) \{

result = M\_PI\_2 \+ result;

\}

NSLog(@"=====%f",result);

if (start.x<center.x&&start.y>=center.y) \{

result = M\_PI\_2 \+ result;

\}

if (start.x<center.x&&start.y<=center.y) \{

result = M\_PI\_2\-result;

\}

return result;

\}

\#pragma mark - 计算触点到中心点的距离

\-(float)distanceFromPointX:(CGPoint)start distanceToPointY:(CGPoint)end\{

float distance;

CGFloat xDist = (end.x \- start.x);

CGFloat yDist = (end.y \- start.y);

distance = sqrt((xDist \* xDist) + (yDist \* yDist));

return distance;

\}

发表评论取消回复

表情：

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

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

相关阅读

相关一个跟随手指滑动的图片 -- 单点触摸

本篇为系列文章 [一个跟随手指滑动的图片 – 单点触摸][Link 1] [自定义 View：多点触控（一）-- 手指接力][View_ _--] [自定义Vie

深藏阁楼爱情的钟/ 2023年10月15日 16:56/ 0 赞/ 29 阅读

相关移动端判断用户手指滑动的方向

$(function(){ var startX,startY; var endX,endY; var distance=30;

亦凉/ 2023年07月24日 02:23/ 0 赞/ 13 阅读

相关 body设置背景图,不会跟着滑动

![在这里插入图片描述][20191117173956509.png] body\{ background: url(…/…/zblog/img/login-bg.jp

痛定思痛。/ 2023年06月13日 13:28/ 0 赞/ 132 阅读

相关 uni-app 手指滑动事件介绍+ 实现判断手指左右滑动组件的封装

一，手指滑动操作的原理手指在屏幕上产生了移动：手指按下屏幕事件 touchstart；手指离开屏幕事件 touchend；手指在屏幕上的坐标

浅浅的花香味﹌/ 2023年01月04日 14:44/ 0 赞/ 391 阅读

相关完美解决vue项目中弹出框滑动时，内部页面也跟着滑动问题

在main.js中设置全局函数： //弹出框禁止滑动 Vue.prototype.noScroll = function () { var mo

比眉伴天荒/ 2022年11月25日 05:23/ 0 赞/ 347 阅读

相关 vue弹出层滑动禁止背景跟着滑动_解决：vue 弹窗滑动底部页面跟着滑动

解决：在弹窗的外层div上添加时间 @touchmove.prevent即可但是这种方法会导致弹窗无法滚动经测试：此方法只适用弹窗不需要滚动的情况若想弹窗滚动，

淩亂°似流年/ 2022年10月26日 14:10/ 0 赞/ 564 阅读

相关跟着liaoxuefeng学git

初始化一个Git仓库，使用`git init`命令。添加文件到Git仓库，分两步： 1. 使用命令`git add <file>`，注意，可反复多次使用，添加多个文件；

谁践踏了优雅/ 2022年09月12日 10:48/ 0 赞/ 244 阅读

相关跟着学！教你开发第一个Java程序

今天我们的目标是开发人生中的第一个Java程序，虽然可能会很简单，但是这小小的一步却是跨入IT行业的一大步！下面我们来一起来仔细的了解开发的流程。 ![c32dc3e9-7e

港控/mmm°/ 2022年08月07日 02:35/ 0 赞/ 229 阅读

相关指针跟着你的手指滑动

//弧度转角度 \define RADIANS\_TO\_DEGREES(radians) ((radians) \ (180.0 / M\_PI)) //角度转弧度 \

痛定思痛。/ 2022年06月02日 11:54/ 0 赞/ 238 阅读

相关引入JQUERY的手指跟随滑动

var startX, startY, moveEndX, moveEndY, X, Y; var flag=true; $(".mui-recomme

灰太狼/ 2022年02月09日 13:53/ 0 赞/ 357 阅读