iOS 常用动画

最新推荐文章于 2024-03-02 14:17:41 发布

原创最新推荐文章于 2024-03-02 14:17:41 发布 · 394 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#基础动画 #转场动画 #波浪效果 #火苗效果 #iOS动画

动画专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了CABasicAnimation的基础用法，包括如何创建旋转动画、路径动画等，并提供了具体的代码示例。此外还介绍了画线动画、线条递增、递减动画的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CABasicAnimation基础动画

例如：

 UIView *rotationViewX = [[UIView alloc]initWithFrame:CGRectMake(20, 100, 70, 70)];
    rotationViewX.backgroundColor = VIEW_COLOR;
    [self.view addSubview:rotationViewX];
    CABasicAnimation *rotationAnimationX = [CABasicAnimation animationWithKeyPath:@"transform.rotation.x"];
    rotationAnimationX.beginTime = 0.0;
    rotationAnimationX.toValue = @(2*M_PI);
    rotationAnimationX.duration = 1.5;
    rotationAnimationX.repeatCount = HUGE_VALF;
    [rotationViewX.layer addAnimation:rotationAnimationX forKey:@"rotationAnimationX"];

基础动画常用的keypath：
这里写图片描述
设定动画的属性和说明：

CAKeyframeAnimation基础动画

CAKeyframeAnimation *orbitAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    orbitAnim.duration = 5;
    orbitAnim.path = path.CGPath;
    orbitAnim.calculationMode = kCAAnimationPaced;
    orbitAnim.fillMode = kCAFillModeForwards;
    orbitAnim.repeatCount = HUGE_VALF;
    orbitAnim.rotationMode = kCAAnimationRotateAutoReverse;
    [animView.layer addAnimation:orbitAnim forKey:@"orbitAnim"];

画线动画、线条递增、递减动画

 CABasicAnimation *pathAnim = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
    pathAnim.duration = 5.0;
    pathAnim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    pathAnim.fromValue = @(0);
    pathAnim.toValue = @(1);
    pathAnim.autoreverses = YES;
    pathAnim.fillMode = kCAFillModeForwards;
    pathAnim.repeatCount = HUGE_VALF;
    [shapeLayer addAnimation:pathAnim forKey:@"strokeEndAnim"];