咸鱼新特性界面-视频动画

前言

昨天晚上一个简友简信我,问我咸鱼最新版的新特性动画有没有什么思路. 原谅 我都没怎么用过咸鱼, 再加上已经四点多了,就跟他胡诌了一下思路.
今天广州一如既往的是大雨倾盆, 想起昨晚的事, 就下载了一下咸鱼的最新版, 看了一下新特性, 感觉还是蛮炫酷的. 脑中想了几组动画, 准备自己写一下, 随后拿到了咸鱼的所有资源, 然后我就发现, 我想多了, 他们的做法更方便…

效果图

咸鱼新特性

github下载地址

OC版和swift版都在这一个地址:

如果对你有些许帮助, 请star, 有什么疑问记得给我留言

github下载地址

友情链接

Swift版 iOS高仿完整版唯美植物系项目实战, 点击进行跳转

github地址
Blog地址

思路

最初拿到咸鱼的所有资源的时候, 我是拒绝的, 因为我第一眼看到的就是4个新特性视频文件, 虽然有想到过可能是和UBer一样用的是视频, 但是证实了之后, 还是有点小吃惊. 此处, 大神毋鄙视…
随后翻了一下咸鱼的所有图片资源, 随带找出了视频的封面图片…

① 整体的新特性模块, 我的做法是一个UICollectionViewController + UIPageControl, 这个应该是毋庸置疑的了…

② 重点在于UICollectionViewCell. 播放本地视频, 我使用的是MediaPlayer框架里面的MPMoviePlayerController. 步骤: 先建一个MPMoviePlayerController的对象, 然后把它的view添加到UICollectionViewCell contentView上. 然后再先建一个封面图片UIImageView, 添加到MPMoviePlayerController view上.

③ 我们需要在UICollectionViewCell监听MPMoviePlayerLoadStateDidChangeNotificationMPMoviePlayerPlaybackDidFinishNotification.

MPMoviePlayerLoadStateDidChangeNotification监听方法中, 当MPMoviePlayerControllerloadState等于PlaythroughOK的时候,我们需要将封面图片的hidden设置成true.
tip:此处不能直接removeFromSuperview, 不然会有闪烁的效果.
刚好也利用了UICollectionViewCell的重用特性, 因为我们加载过一次视频后, 就不再需要用封面图片了.

MPMoviePlayerPlaybackDidFinishNotification的监听方法中, 判断当前的UICollectionViewCell是否被选择了, 如果用户点击(选中)了当前的cell且当前cell是最后一个cell, 我们才会进行跳转

用法

我对这个小Demo进行了一些简单的封装, 不管是OC还是Swift, 下载之后, 直接将NewFeature文件夹拖进您的项目中

OC用法:

Swift用法

联系我

github

微博

简书

1 5 收藏 1 评论

相关文章

可能感兴趣的话题



直接登录
最新评论
  • xdkhan iOS开发 2016/07/12

    刚好也利用了UICollectionViewCell的重用特性, 因为我们加载过一次视频后, 就不再需要用封面图片了.

    请问这句是什么意思?

跳到底部
返回顶部