因工作需要,高仿【喵播】的Demo核心功能基本完成。直播端音视频采集、推流、内置音乐播放器系统,播放端的视频拉流播放、直播聊天室即时通信等功能已经完成。不过今天不是要讲这些看似高大上的东西,今天还是继续说说直播APP中的一些细枝末节,哈哈,不要着急,等忙过这段时间我会系统的写一篇关于
iOS直播APP
的文章,不想错过的小伙伴,敬请关注!!!。
今天要说的是直播APP的点赞动画,看下图,这是我仿【喵播】做的界面,点击屏幕会有心型动画飘出;这些动画图片都是从喵播APP抓下来的,如果你还不知道怎么抓一个APP的图片素材,文章后面有介绍,绝对够惊喜。
下面进入正题:
点赞动画的实现逻辑:
1、点击屏幕触发点击事件,生成一个imageView并给其添加一张随机的图片
2、给imageView设置有一个初始frame值
3、开始动画,设置动画执行
4、给这个imageView设置一个终点frame值
5、结束动画
6、销毁imageView
这是动画的大致实现逻辑,有很多细节和参数配置问题,代码注释的很清楚,直接看代码就OK了:
- 给view添加点击事件:
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
// 点赞
[self praiseAnimation];
}
- 动画核心代码:
#pragma mark - 点赞动画
- (void)praiseAnimation {
UIImageView *imageView = [[UIImageView alloc] init];
CGRect frame = self.view.frame;
// 初始frame,即设置了动画的起点
imageView.frame = CGRectMake(frame