13.2.5动画技术使用路径

最新推荐文章于 2025-07-02 14:09:51 发布

csdndc

最新推荐文章于 2025-07-02 14:09:51 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sndongcheng/article/details/81260234

本文通过一个具体的iOS应用案例，展示了如何使用Objective-C实现一个路径动画效果。文章详细介绍了如何创建按钮和图片视图，并通过CAKeyframeAnimation实现了一个沿特定路径移动的球形图标动画。

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


#import "ViewController.h"

@interface ViewController () <CAAnimationDelegate>

@property(strong, nonatomic) UIImageView *ball;
@property (strong, nonatomic) UIButton *button;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    //界面初始化
    CGRect screen = [[UIScreen mainScreen] bounds];

    CGFloat imageWidth = 50;
    CGFloat imageHeight = 50;
    CGFloat imageTopView = 150;
    CGRect imageFrame = CGRectMake((screen.size.width - imageWidth) / 2, imageTopView, imageWidth, imageHeight);
    //创建Image View对象
    self.ball = [[UIImageView alloc] initWithFrame:imageFrame];
    //设置Image View的图片属性
    self.ball.image = [UIImage imageNamed:@"Ball.png"];
    //添加Image View到当前视图
    [self.view addSubview:self.ball];

    //创建按钮对象
    self.button = [UIButton buttonWithType:UIButtonTypeCustom];
    //设置按钮正常状态时显示图片
    [self.button setImage:[UIImage imageNamed:@"ButtonOutline.png"] forState:UIControlStateNormal];
    //设置按钮高亮状态时显示图片
    [self.button setImage:[UIImage imageNamed:@"ButtonOutlineHighlighted.png"] forState:UIControlStateHighlighted];
    //设置按钮触摸动作输出口
    [self.button addTarget:self action:@selector(onClick:) forControlEvents:UIControlEventTouchUpInside];

    CGFloat buttonWidth = 130;
    CGFloat buttonHeight = 50;
    CGFloat buttonTopView = 400;
    self.button.frame = CGRectMake((screen.size.width - buttonWidth) / 2, buttonTopView, buttonWidth, buttonHeight);
    //添加按钮到当前视图
    [self.view addSubview: self.button];

}

- (void)onClick:(id)sender {
    //设置按钮不可见
    self.button.alpha = 0.0;
    
    //创建路径
    CGMutablePathRef starPath = CGPathCreateMutable();
    CGPathMoveToPoint(starPath,NULL,160.0, 100.0);
    CGPathAddLineToPoint(starPath, NULL, 100.0, 280.0);
    CGPathAddLineToPoint(starPath, NULL, 260.0, 170.0);
    CGPathAddLineToPoint(starPath, NULL, 60.0, 170.0);
    CGPathAddLineToPoint(starPath, NULL, 220.0, 280.0);
    //闭合路径
    CGPathCloseSubpath(starPath);
    
    //创建位置变化的帧动画
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    //设置动画持续时间
    animation.duration = 10.0;
    //设置self为动画委托对象
    animation.delegate = self;
    //设置动画路径
    animation.path = starPath;
    //释放动画路径对象
    CFRelease(starPath);
    
    [self.ball.layer addAnimation:animation forKey:@"position"];

}

#pragma mark --实现委托协议CAAnimationDelegate
// 动画开始方法
- (void)animationDidStart:(CAAnimation *)anim {
    NSLog(@"动画开始...");
}

// 动画结束方法
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag {
    NSLog(@"动画结束...");
    [UIView animateWithDuration:1.0 animations:^{
        //设置按钮完全可见
        self.button.alpha = 1.0;
    }];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end