iOS--对勾提示动画
来源:互联网 发布:mac尝试靠近无线路由器 编辑:程序博客网 时间:2024/05/21 04:22
对勾提示动画能胜任很多提示场合的任务,比如网页加载完成、登录成功等等。这类动画各个大牛都有很好的demo封装,不过能自己掌握其原理并能自己根据情况封装一个那当然是最好的了。
下边是我用贝塞尔类画的对勾动画
动画设计比较简单,下边我贴出了整个View的代码……
#import "SuccessView.h"@implementation SuccessView{ UIView *_logoView;}- (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { [self drawSuccessLine]; } return self;}- (void)drawSuccessLine{ [_logoView removeFromSuperview]; _logoView = [[UIView alloc] initWithFrame:self.frame]; //曲线建立开始点和结束点 //1. 曲线的中心 //2. 曲线半径 //3. 开始角度 //4. 结束角度 //5. 顺/逆时针方向 UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.center.x, self.center.y) radius:self.frame.size.width/2.0 startAngle:0 endAngle:M_PI*2 clockwise:YES]; //对拐角和中点处理 path.lineCapStyle = kCGLineCapRound; path.lineJoinStyle = kCGLineCapRound; //对号第一部分直线的起始 [path moveToPoint:CGPointMake(self.frame.size.width/5, self.frame.size.width/2)]; CGPoint p1 = CGPointMake(self.frame.size.width/5.0*2, self.frame.size.width/4.0*3); [path addLineToPoint:p1]; //对号第二部分起始 CGPoint p2 = CGPointMake(self.frame.size.width/8.0*7, self.frame.size.width/4.0+8); [path addLineToPoint:p2]; CAShapeLayer *layer = [[CAShapeLayer alloc] init]; //内部填充颜色 layer.fillColor = [UIColor clearColor].CGColor; //线条颜色 layer.strokeColor = [UIColor orangeColor].CGColor; //线条宽度 layer.lineWidth = 1; layer.path = path.CGPath;//动画设置 CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:NSStringFromSelector(@selector(strokeEnd))]; animation.fromValue = @0; animation.toValue = @1; animation.duration = 2; [layer addAnimation:animation forKey:NSStringFromSelector(@selector(strokeEnd))]; [_logoView.layer addSublayer:layer]; [self addSubview:_logoView];}@end
在需要用地方直接创建一个对象就可以了
- (void)showSuccess{ SuccessView *suc = [[SuccessView alloc]initWithFrame:CGRectMake(0, 0, 60, 60)]; suc.center = self.view.center; [self.view addSubview:suc];}
1 0
- iOS--对勾提示动画
- IOS 创建动画提示框
- iOS提示气泡,带动画
- iOS 动画效果。简单的提示消失
- iOS 动画效果弹出提示视图
- iOS动画效果的等待提示
- 常见的iOS对动画的操作
- [ios]对约束变化动画处理 .constant动画
- ios开发之实现提示框动画效果
- iOS CABasicAnimation CAAnimationGroup 对颜色做连续渐变动画
- iOS动画-定时对UIView进行翻转和抖动
- iOS动画 核心动画
- iOS动画 UIView动画
- iOS动画 CATransition动画
- iOS 动画 UIView动画
- iOS动画-基础动画
- ios 动画
- IOS动画
- ElasticSearch插入数据优化
- methods之学习源代码
- Linux 目录结构
- httppost 200、300、400、500 错误分析,HttpPost、HttpGet关于URL重定向区别
- iOS开发-搜索栏UISearchBar和UISearchController
- iOS--对勾提示动画
- 不同storyboard之间的跳转
- 移植dhclient到arm linux
- 工作学习生活计划
- 正则表达式学习(一)认识正则表达式
- struts2 + hibernate整合小项目
- Nginx location的配置-----三叉排序树
- xListView
- Node.js调用本地摄像头拍摄上传