前言
昨天晚上一个简友简信
我,问我咸鱼
最新版的新特性动画有没有什么思路. 原谅 我都没怎么用过咸鱼
, 再加上已经四点多了,就跟他胡诌了一下思路.
今天广州
一如既往的是大雨倾盆, 想起昨晚的事, 就下载了一下咸鱼
的最新版, 看了一下新特性
, 感觉还是蛮炫酷
的. 脑中想了几组动画, 准备自己写一下, 随后拿到了咸鱼
的所有资源, 然后我就发现, 我想多了, 他们的做法更方便…
效果图
github下载地址
OC版和swift版都在这一个地址:
如果对你有些许帮助, 请star, 有什么疑问记得给我留言
友情链接
Swift版 iOS高仿完整版唯美植物系项目实战, 点击进行跳转
思路
最初拿到咸鱼
的所有资源的时候, 我是拒绝的, 因为我第一眼看到的就是4个新特性
视频文件, 虽然有想到过可能是和UBer
一样用的是视频, 但是证实了之后, 还是有点小吃惊. 此处, 大神毋鄙视…
随后翻了一下咸鱼
的所有图片资源, 随带找出了视频的封面
图片…
① 整体的新特性模块, 我的做法是一个UICollectionViewController
+ UIPageControl
, 这个应该是毋庸置疑的了…
② 重点在于UICollectionViewCell
. 播放本地视频, 我使用的是MediaPlayer
框架里面的MPMoviePlayerController
. 步骤: 先建一个MPMoviePlayerController
的对象
上., 然后把它的
view添加到
UICollectionViewCell 的
contentView上. 然后再先建一个封面图片
UIImageView, 添加到
MPMoviePlayerController 的
view
③ 我们需要在UICollectionViewCell
监听MPMoviePlayerLoadStateDidChangeNotification
和MPMoviePlayerPlaybackDidFinishNotification
.
在MPMoviePlayerLoadStateDidChangeNotification
监听方法中, 当MPMoviePlayerController
的loadState
等于PlaythroughOK
的时候,我们需要将封面图片的hidden设置成true.
tip:此处不能直接removeFromSuperview
, 不然会有闪烁的效果.
刚好也利用了UICollectionViewCell
的重用特性, 因为我们加载过一次视频后, 就不再需要用封面图片了.
在MPMoviePlayerPlaybackDidFinishNotification
的监听方法中, 判断当前的UICollectionViewCell
是否被选择了, 如果用户点击(选中)了当前的cell
且当前cell
是最后一个cell
, 我们才会进行跳转
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
private lazy var moviePlayer : MPMoviePlayerController = { let player = MPMoviePlayerController() player.view.frame = self.contentView.bounds // 设置自动播放 player.shouldAutoplay = true // 设置源类型 player.movieSourceType = .File // 取消下面的控制视图: 快进/暂停等... player.controlStyle = .None NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(NewFeatureCell.loadStatus), name: MPMoviePlayerLoadStateDidChangeNotification, object: nil) NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(NewFeatureCell.playFinished), name: MPMoviePlayerPlaybackDidFinishNotification, object: nil) return player }() // MARK: - private method func loadStatus() { // 将要自动播放 if moviePlayer.loadState == .PlaythroughOK { imageView.hidden = true moviePlayer.play() } } func playFinished() { NSNotificationCenter.defaultCenter().postNotificationName(PlayFinishedNotify, object: nil) } |
用法
我对这个小Demo进行了一些简单的封装, 不管是OC
还是Swift
, 下载之后, 直接将NewFeature
文件夹拖进您的项目中
OC用法:
1 |
#import "NewFeatureViewController.h" |
1 2 3 |
NewFeatureViewController *newFeatureVC = [[NewFeatureViewController alloc] init]; NSMutableArray *array = [NSMutableArray array]; for (int i = 0; i |
Swift用法
1 2 3 4 |
// 配置本地视频路径和视频的封面图片 var paths = [String]() var images = [UIImage]() for i in 0.. |