iOS 心跳动画(收藏红心动画)

最新推荐文章于 2022-03-30 19:41:22 发布

原创最新推荐文章于 2022-03-30 19:41:22 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#动画 #IOS #心跳

iOS 代码片段专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个简单的心跳动画实现方法，通过iOS应用中的UIButton组件结合Core Animation来制作动态效果。代码中详细展示了如何设置按钮的位置、大小及图片资源，并通过添加目标动作实现了点击时的动画效果。

一个心跳的动画

- (void)viewDidLoad {
    [super viewDidLoad];
    UIButton *heart = [[UIButton alloc]initWithFrame:CGRectMake(self.view.frame.size.width * 0.5 - 25, 200, 50, 50)];
    [self.view addSubview:heart];
    [heart setImage:[UIImage imageNamed:@"5_heart"] forState:UIControlStateNormal];
    [heart setImage:[UIImage imageNamed:@"5_heart_clicked"] forState:UIControlStateSelected];
    [heart addTarget:self action:@selector(heartButtonClick:) forControlEvents:UIControlEventTouchUpInside];
}

/**
 *  心跳
 */
- (void)heartButtonClick:(UIButton *)button{
    button.selected = !button.selected;
    CAKeyframeAnimation *k = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
    k.values =  @[@(0.1),@(1.0),@(1.5)];
    k.keyTimes = @[@(0.0),@(0.5),@(0.8),@(1.0)];
    k.calculationMode = kCAAnimationLinear;
    [button.layer addAnimation:k forKey:@"SHOW"];
}