十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本篇记录核心动画中基础动画的使用:
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请、网页空间、营销软件、网站建设、平舆网站维护、网站推广。一、简单介绍
CAPropertyAnimation的子类
属性解析:
fromValue:keyPath相应属性的初始值
toValue:keyPath相应属性的结束值
随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue
如果fillMode=kCAFillModeForwards和removedOnComletion=NO,那么在动画执行完毕后,图层会保持显示动画执行 后的状态。但在实质上,图层的属性值还是动画执行前的初始值,并没有真正被改变。
比如,CALayer的position初始值为(0,0),CABasicAnimation的fromValue为(10,10),toValue为(100,100),虽然动 画执行完毕后图层保持在(100,100)这个位置,实质上图层的position还是为(0,0)
二、平移动画
//1.创建核心动画38 CABasicAnimation *anima=[CABasicAnimation animation]; //1.1告诉系统要执行什么样的动画 anima.keyPath=@"position"; //设置通过动画,将layer从哪儿移动到哪儿 anima.fromValue=[NSValue valueWithCGPoint:CGPointMake(0, 0)]; anima.toValue=[NSValue valueWithCGPoint:CGPointMake(200, 300)]; //1.2设置动画执行完毕之后不删除动画 anima.removedOnCompletion=NO; //1.3设置保存动画的最新状态50 anima.fillMode=kCAFillModeForwards; //2.添加核心动画到layer [self.myLayer addAnimation:anima forKey:nil];
byValue和toValue的区别,前者是在当前的位置上增加多少,后者是到指定的位置。
在上面的代码中加上anima.delegate = self;即可
使用代理监听动画的执行过程(delegate)
//开始执行动画时调用 -(void)animationDidStart:(CAAnimation *)anim { NSLog(@"开始执行动画"); } //动画执行完毕后调用 -(void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag { //动画执行完毕,打印执行完毕后的position值 NSString *str=NSStringFromCGPoint(self.myLayer.position); NSLog(@"执行后:%@",str); }
三、缩放动画
只需要修改以下几点即可
//1.1告诉系统要执行什么样的动画 anima.keyPath=@"bounds"; //设置通过动画,将layer从多大缩放到多大 anima.fromValue=[NSValue valueWithCGPoint:CGPointMake(0, 0)]; anima.toValue=[NSValue valueWithCGPoint:CGPointMake(200, 300)]; //同样也可以直接食用byValue直接从当前大小缩放到指定大小
四、旋转动画
需要修改以下几点即可
anima.keyPath = @"transform"; //旋转
//1.2修改属性,执行动画(第一个参数为旋转的角度,后面三个分别是些x,y,z)
anima.byValue=[NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI_4, 0, 0, 1)];
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。