▲点击上方“CocoaChina”关注即可免费学习 iOS 开发
作者:T_aa
原文链接:https://www.jianshu.com/p/32b286a6935a
最近坑爹网约车滴滴抢单软件攻略的公司又在模仿滴滴...
要做市内抢单的版本了...
tmd...
一万个不愿意...
T_aa...
最后...
还是要做...
没脾气......................................
滴滴里面有一个下单完成之后等待界面的倒计时转圈的视图...
原理:
通过CAShapeLayer层添加到自己自定义的视图layer上
设置ShapeLayer的path
他的路径绘制一般通过UIBezierPath配合设置
通过layer的StrokeEnd,StrokeStart设置path路径上的起点和终点
可以直接通过设置这两个点就有平滑的东西效果
先看效果
看左边视图
分成三部分
红色进度变化的一个ShapeLayer
底部灰色背景的一个ShapeLayer
头部绿色方向的一个ShapeLayer
主要是绿色的那部分是通过实时计算它的strokestart和strokeend来控制他始终就是那么一个长度
计算过程
图中黄色为头部那个点(s1)网约车滴滴抢单软件攻略,灰色为底部大圆的四分之一(s2)网约车滴滴抢单软件攻略,要计算出这个s1的strokeStart,strokeEnd之间的差值就是需要计算出s2所在s1中周长所占的比例,这个比例如果转化成弧度或者角度比的话就可以通过a角度来计算。
根据余弦定理:
cosa = (b*b+c*c-a*a)/(2*b*c)
就可得出a的弧度值,换算比例就是stroke的start和end的差值。
主要代码
//计算这个point的start和end所占用这个角弧度值
//余弦定理 cosc = (a*a + b*b - c*c)/(2*a*b);
float radian = cosf((self.radius*self.radius+self.radius*self.radius - (self.pointRadius*2)*(self.pointRadius*2)))/(2*self.radius*self.radius);
//头部点所占路劲的周长
float offsetProgress = radian/(M_PI*2);
_pointAnimatedLayer.strokeStart = _strokeEnd-offsetProgress;
_pointAnimatedLayer.strokeEnd = MIN(_strokeEnd, 1);
黑点圆了,其他的调整一下就好,修修改改总体效果还不错。
项目地址下载
其中的CAShapeLayer-Progress,如果需要的话,可以自己去改改。
本文TAG:网约车滴滴抢单软件攻略
猜你喜欢
- 2024-03-28网约车滴滴抢单软件攻略,网上滴滴抢单软件是真的吗
- 2024-03-23网约车滴滴抢单软件攻略,网约车滴滴抢单软件攻略下载
你 发表评论:
欢迎- 最近发表
-
- 玄甲滴滴抢单神器故障排除,滴滴抢单神器dd2020
- 关于玄甲滴滴抢单神器资讯的信息
- 玄甲滴滴抢单神器使用攻略,2021年滴滴抢单神器
- 关于玄甲滴滴抢单神器新功能介绍的信息
- 玄甲滴滴抢单神器案例分析,滴滴抢单神器2019版
- 玄甲滴滴抢单神器解析的简单介绍
- 玄甲滴滴抢单神器相关论坛讨论,玄甲军何在?这是什么电影?
- 玄甲滴滴抢单神器使用技巧分享,2021年滴滴抢单神器
- 玄甲滴滴抢单神器行业趋势分析,滴滴抢单神器下载安装
- 包含玄甲滴滴抢单神器新用户指南的词条
- 玄甲滴滴抢单神器论坛的简单介绍
- 关于玄甲滴滴抢单神器实用性评价的信息
- 玄甲滴滴抢单神器相关问题解答的简单介绍
- 玄甲滴滴抢单神器安全性分析,2021滴滴抢单神器
- 玄甲滴滴抢单神器视频教程,2021年滴滴抢单神器
- 关于玄甲滴滴抢单神器用户评价的信息
- 玄甲滴滴抢单神器评价,滴滴抢单神器真的假的
- 关于玄甲滴滴抢单神器技术支持论坛的信息
- 玄甲滴滴抢单神器官方网站的简单介绍
- 玄甲滴滴抢单神器使用建议,2020滴滴抢单神器
- 包含玄甲滴滴抢单神器免费版的词条
- 玄甲滴滴抢单神器免费下载的简单介绍
- 玄甲滴滴抢单神器功能介绍视频,黑科技滴滴抢单神器
- 玄甲滴滴抢单神器破解版,滴滴抢单器下载
- 包含玄甲滴滴抢单神器使用感受分享的词条
- 玄甲滴滴抢单神器开发者信息的简单介绍
- 玄甲滴滴抢单神器更新说明,滴滴抢单神器dd2020
- 玄甲滴滴抢单神器使用风险,2021年滴滴抢单神器
- 玄甲滴滴抢单神器推荐指南的简单介绍
- 玄甲滴滴抢单神器服务评价,2020滴滴抢单神器
- 关于玄甲滴滴抢单神器效果如何的信息
- 玄甲滴滴抢单神器用户反馈,滴滴抢单神器did88123
- 玄甲滴滴抢单神器新版本发布的简单介绍
- 玄甲滴滴抢单神器教程,2020最新滴滴抢单神器
- 玄甲滴滴抢单神器使用建议分享,滴滴司机抢单神器
- 玄甲滴滴抢单神器购买指南,2020滴滴抢单神器
- 玄甲滴滴抢单神器用户画像,滴滴抢单神器
- 玄甲滴滴抢单神器性能评测的简单介绍
- 玄甲滴滴抢单神器用户口碑的简单介绍
- 玄甲滴滴抢单神器新闻报道,滴滴抢单神器2019版
本文暂时没有评论,来添加一个吧(●'◡'●)