iOS开发中动画之点赞图标放大效果

大多数手机App的点赞图标在我们点击的时候都会有一个放大的效果，随后还原。之前公司App有点赞功能但却没有这个放大之后还原的效果，于是研究一下准备将该效果添加到项目中。

思路：为点赞图标添加一个动画，该动画分为两步：1.让点赞图标放大一定的倍数  2.让点赞图标还原到原来的大小

重写点击图标的点击事件，代码：

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

    

    /*

     参数1:动画持续时间

     参数2:多久后开始动画

     参数3:动画类型

     */

    [UIView animateKeyframesWithDuration:0.5 delay:0 options:UIViewKeyframeAnimationOptionLayoutSubviews animations:^{

        /*

         参数1:关键帧开始时间

         参数2:关键帧占用时间比例

         参数3:到达该关键帧时的属性值

         */

        [UIView addKeyframeWithRelativeStartTime:0 relativeDuration:1/2.0 animations:^{

            self.transform = CGAffineTransformMakeScale(1.6, 1.6);

        }];

//        [UIView addKeyframeWithRelativeStartTime:1/3.0 relativeDuration:1/3.0 animations:^{

//            self.transform = CGAffineTransformMakeScale(0.6, 0.6);

//        }];

        [UIView addKeyframeWithRelativeStartTime:1/2.0 relativeDuration:1/2.0 animations:^{

            self.transform = CGAffineTransformIdentity;

        }];

    } completion:nil];

   

}