扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家介绍怎么在iOS中实现一个加载等待动画,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
成都创新互联是一家专业从事成都网站设计、成都做网站的网络公司。作为专业网络公司,成都创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、网络营销推广及网站设计开发服务!1.这个肯定是要自定义的View类,起名为XDColorCircle吧,最后用的时候达到这样的效果
//创建XDColorCircle的实例化对象 XDColorCircle *circle=[[XDColorCircle alloc]initWithFrame:CGRectMake(0 ,100,self.view.frame.size.width,200)]; //添加到视图上展示 [self.view addSubview:circle];
2.然后就是在XDColorCircle里面代码思路
需要先有一个渐变的图层(渐变由白到靛)且图层需只显示一个圆圈形状
渐变图层用CAGradientLayer这个类绘制
为这个CAGradientLayer的mask赋值一个圆圈的图层让它只展示一个圆圈CAShapeLayer
为CAGradientLayer图层添加基础动画就用CABasicAnimation来实现图层的旋转
中间需要一个大Label但肯定这个Label不能绘制在这个CAGradientLayer所在的图层之上了,因这个图层设置mask了 怎么绘制都显示个圈 ╮( ̄▽ ̄"")╭
所以最后确定了圈圈应该在另创建一个View上绘制然后与中间的Label一同做为XDColorCircle的子视图
3.思路捋顺代码就很方便
//先都写在这个构造方法里面吧 - (instancetype)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { } return self; }
创建圈圈所在的View
self.backgroundColor=[UIColor clearColor]; UIView *circleView=[[UIView alloc]init]; circleView.frame=CGRectMake(0, 0,frame.size.width,frame.size.height); circleView.backgroundColor=[UIColor blueColor]; [self addSubview: circleView];
创建渐变图层并添加到圈圈视图
CAGradientLayer * gradientLayer = [CAGradientLayer layer]; gradientLayer.colors = @[(__bridge id)[UIColor whiteColor].CGColor,(__bridge id)[UIColor cyanColor].CGColor]; gradientLayer.locations = @[@0.2,@1.0]; gradientLayer.startPoint = CGPointMake(0, 0); gradientLayer.endPoint = CGPointMake(1.0, 0); gradientLayer.frame =CGRectMake(0, 0, self.frame.size.width, self.frame.size.height); [circleView.layer insertSublayer:_gradientLayer atIndex:0];
添加mask属性只让图层只显示一个圈圈
CAShapeLayer *layer=[[CAShapeLayer alloc]init]; CGMutablePathRef pathRef=CGPathCreateMutable(); CGPathAddRelativeArc(pathRef, nil,frame.size.width/2.0,frame.size.height/2.0,frame.size.width让圈圈转起来添加动画
CABasicAnimation *animation=[CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; ; // 设定动画选项 animation.duration = 1; animation.removedOnCompletion = NO; animation.fillMode = kCAFillModeForwards; animation.repeatCount =HUGE_VALF; // 设定旋转角度 animation.fromValue = [NSNumber numberWithFloat:0.0]; // 起始角度 animation.toValue = [NSNumber numberWithFloat:2 * M_PI]; // 终止角度 [circleView.layer addAnimation:animation forKey:@"rotate-layer"];添加中间的大文字Label
UILabel *label=[[UILabel alloc]init]; label.text=@"测试中"; label.font=[UIFont systemFontOfSize:32]; label.textAlignment=NSTextAlignmentCenter; label.frame=CGRectMake(0, 0,frame.size.width,frame.size.height); label.backgroundColor=[UIColor clearColor]; [self addSubview:label];4.然后在controller里面使用
//创建XDColorCircle的实例化对象 XDColorCircle *circle=[[XDColorCircle alloc]initWithFrame:CGRectMake(0 ,100,self.view.frame.size.width,200)]; //添加到视图上展示 [self.view addSubview:circle];关于怎么在iOS中实现一个加载等待动画就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页标题:怎么在iOS中实现一个加载等待动画-创新互联
文章出自:http://csdahua.cn/article/igepp.html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流