版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1337681
大多数手机App的点赞图标在我们点击的时候都会有一个放大的效果,随后还原。之前公司App有点赞功能但却没有这个放大之后还原的效果,于是研究一下准备将该效果添加到项目中。
思路:为点赞图标添加一个动画,该动画分为两步:1.让点赞图标放大一定的倍数 2.让点赞图标还原到原来的大小
重写点击图标的点击事件,代码:
/*
参数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];
}