介绍 - (void) begigFlashAnimation {//才能,缩放,+,透明度动画
时间=self.flashView.transform 才能;CGAffineTransformMakeScale (0.1, 0.1);
(才能UIView animateWithDuration: 3,动画:^ {
,,,self.flashView.transform =, CGAffineTransformMakeScale (1,1);
,,,self.flashView.alpha =, 1.0;
,,,(UIView beginAnimations: @" flash",上下文:nil);
,,,(UIView setAnimationDuration: 2);
,,,(UIView setAnimationCurve UIViewAnimationCurveLinear):;
,,,self.flashView.alpha =, 0;
,,,(UIView commitAnimations);
,,}];
} 安康;(CAAnimationGroup *) groups {
if 才能;(! _groups), {
,,,//,缩放动画
,,,CABasicAnimation *, scaleAnim =, (CABasicAnimation 动画);
,,,scaleAnim.keyPath =, @" transform.scale";
,,,scaleAnim.fromValue =, @0.1;
,,,scaleAnim.toValue =, @1;
,,,scaleAnim.duration =, 2;
,,,//,透明度动画
,,,CABasicAnimation * opacityAnim=[CABasicAnimation animationWithKeyPath: @" opacity"];
,,,opacityAnim.fromValue=https://www.yisu.com/zixun/@1;
opacityAnim。toValue=@0.1;
opacityAnim。时间=2;//创建动画组
_groups=(CAAnimationGroup动画);
_groups。动画=@ (scaleAnim, opacityAnim);
_groups。removedOnCompletion=没有;
_groups。fillMode=kCAFillModeForwards;
_groups。时间=2;
_groups。repeatCount=FLT_MAX;
}
返回_groups;
}
这篇文章主要为大家展示了“iOS如何仿小红书实现呼吸灯动画”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“iOS如何仿小红书实现呼吸灯动画”这篇文章吧。
最近公司需求做个类似小红书的标签呼吸灯动画,经过一段时间研究使用两种方式实现了该效果……
第一种方式使用定时器加UIView动画,核心方法如下
第二种方式使用核心动画的动画组,核心方法如下
以上是“iOS如何仿小红书实现呼吸灯动画”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
