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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1337681

大多数手机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];

}