iOS启动图实现视频动画 - 简书
iOS启动图实现视频动画
因为产品需求以及后台都未完成，所以最近在公司也没什么工作要做，主要也就看看技术文章，写写东西。今天的这个东西是一个关于启动页或者引导页的视频动画效果的实现过程，原型也是我们产品给我看的一个APP。
废话不多说，先上效果图
完成效果图.gif
接下来说下思路了
说实话刚开始我有点彷徨的，因为我以前并没有做过，接下来我把那个APP的里的资源给拿到了，发现一个.mp4的视频，我就记起我以前看过的一篇文章，真是惭愧，借鉴了一下，然后就有了我的这篇文章。
主要思路就是用一个控制器来作为播放视频的载体，然后在让这个控制器作为根视图，视频播放完成之后那就该干嘛干嘛了。
感觉废话说的有点多啊，下面就放代码好了
先新建一个控制器AnimationViewController在控制器中新建一个属性moviePlayer，记得要先引入系统库&MediaPlayer/MediaPlayer.h&
@property (nonatomic, strong) MPMoviePlayerController *movieP
设置moviePlayer我是在懒加载中直接设置的
-(MPMoviePlayerController *)moviePlayer{
if (!_moviePlayer) {
_moviePlayer = [[MPMoviePlayerController alloc]init];
[_moviePlayer.view setFrame:self.view.bounds];
//设置自动播放
[_moviePlayer setShouldAutoplay:NO];
//设置源类型 因为新特性一般都是播放本地的小视频 所以设置源类型为file
_moviePlayer.movieSourceType = MPMovieSourceTypeF
//取消控制视图 如：播放暂停等
_moviePlayer.controlStyle = MPMovieControlStyleN
[self.view addSubview:_moviePlayer.view];
//监听播放完成
[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(playFinsihed) name:MPMoviePlayerPlaybackDidFinishNotification object:nil];
return _movieP
然后在.h中公开一个moviePath视频的路径，还有一个结束播放的blockplayFinished等下需要。
AnimationViewController中也算差不多了，毕竟也没什么东西，接下来我们去AppDelegate中声明一个AnimationViewController属性
- (AnimationViewController *)animationViewController{
if (!_animationViewController) {
_animationViewController = [[AnimationViewController alloc]init];
//设置本地视频路径
_animationViewController.moviePath = [[NSBundle mainBundle] pathForResource:@"V" ofType:@"mp4"];
_animationViewController.playFinished = ^{
UINavigationController *rootNav = [[UINavigationController alloc] initWithRootViewController:[[ViewController alloc] init]];
[UIApplication sharedApplication].keyWindow.rootViewController = rootN
return _animationViewC
然后在AppDelegate的启动方法把这个控制器设为根视图
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
self.window.rootViewController = self.animationViewC
[self.window makeKeyAndVisible];
return YES;
基本算是完成了,惯例放上我的还有我的，有需要的可以去看一下，最后希望可以帮到大家。
这里要说一句，刚开始我用这个路径但是一直为空，后来我添加了一个名字为Resource的文件夹把mp4放进去就好了，也不知道为什么。有知道也可以告诉我
代码路上狂奔
原文链接/kenshincui/p/4186022.html 音频在iOS中音频播放从形式上可以分为音效播放和音乐播放。前者主要指的是一些短音频播放，通常作为点缀音频，对于这类音频不需要进行进度、循环等控制。后者指的是一些较长的音...
用到的组件1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SDWebImage多个缩略图缓存组件 UICKeyChainStore存放用户账号密码组件 Reachability监测网络状态 DateTools友好...
下边都学会就大神了: 声明:都是网上搜集的,能标明出处的都标了.别只搜集而不看,与君共勉.. 先看完整项目完整App@HackerNews-React-Native用 React Native 完成的 HackerNews 客户端。WeChat实现类似微信朋友圈或者QQ空间...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
宝贝，愿你慢慢长大。 愿你有好运气，如果没有，愿你在不幸中学会慈悲。 愿你被很多人爱，如果没有，愿你在寂寞中学会宽容。 愿你一生一世每天都可以睡到自然醒。 ——《愿你慢慢长大》 温暖的文字语言，表达对孩子最深的爱意，愿你的明天有所期待。
让我们一起走进绿地国际儿童之...
一家“浪矢杂货店”静静伫立在僻静的街道旁，只要在晚上把写了烦恼的信丢进铁卷门上的邮件投递口，隔天就可以在店后面的牛奶箱里面拿到回信解答。 读罢掩卷微思，还在作者的故事中留恋不舍，好像还徘徊在浪矢杂货店锈迹斑驳的门前，想看看下一个把信投进邮件投递口的人会是谁；又似乎还想看看重...
百人计划，在2.22这一天如期而至，感恩遇见。 关于简历与面试 老徐的分享中简历中的关键要素：技能关键词以及项目经验中所使用到的技术体系。 这点感触很深，最近刚好在刷新简历，一开始的时候写的内容就是写用例啊，提bug啊，关闭bug一些，平时也会使用到一些测试工具，但是不熟练...
第一次用简书，听起来，更像简述。标题也许让大家觉得有新奇，其实，就是大众的生活，磨掉了你的方向标。 我，211/985毕业，工作十年，处在生活、工作、理想的三岔口。 你会去对比身边同岗位同事的级别，你会对比大学同学的发展层面，你会焦虑职业生涯接下来该怎么走？ 我，就是这一群...
在电影《蓝色大门》的片尾，桂纶镁扮演的孟克柔，有一段著名的独白：“我在想，一年后，三年后，五年后，我们会变成什么样呢？……三年五年以后，甚至更久更久以后，我们都会变成什么样的大人呢？”每次看到那些新鲜出炉的偶像时，我都会想起这段话来，现在的他们，截断众流，和天地众生相见，三...请教下这个图片有知道是哪个动画片或者视频的吗？_百度知道
请教下这个图片有知道是哪个动画片或者视频的吗？
我有更好的答案
铁拳 直接去百度就能搜到
采纳率：35%
出自铁拳，一部3D电影，剧情还不错，推荐去看看
铁拳，挺好看的
为您推荐：
其他类似问题
动画片的相关知识
换一换
回答问题，赢新手礼包谁知道这张图片里的画面是哪个动画视频里面的啊？_百度知道
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
谁知道这张图片里的画面是哪个动画视频里面的啊？
我有更好的答案
完美升级版《妈妈咪呀》模板./v_show/id_XNTc2NjEwNjEy，最具创意婚礼预告片
是这个里的
2分42秒是这个？
已经被别人后期处理过了，我要找的是原视频素材。好难找啊！
采纳率：43%
画面挺简单的啊 ，确定不是某个人自己画的我猜是某类饮食节目吧
头像是别人后期加上去的，原视频素材是在网上下载的，就是找不到原素材
为您推荐：
其他类似问题
动画的相关知识
换一换
回答问题，赢新手礼包更多频道内容在这里查看
爱奇艺用户将能永久保存播放记录
过滤短视频
暂无长视频（电视剧、纪录片、动漫、综艺、电影）播放记录，
按住视频可进行拖动
&正在加载...
收藏成功，可进入
查看所有收藏列表
当前浏览器仅支持手动复制代码
视频地址：
flash地址：
html代码：
通用代码：
通用代码可同时支持电脑和移动设备的分享播放
用爱奇艺APP或微信扫一扫，在手机上继续观看
当前播放时间：
一键下载至手机
限爱奇艺安卓6.0以上版本
使用微信扫一扫，扫描左侧二维码，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
设备搜寻中...
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
连接失败！
请确保您要连接的设备（仅限安卓）登录了同一爱奇艺账号 且安装并开启不低于V6.0以上版本的爱奇艺客户端
部安卓（Android）设备，请点击进行选择
请您在手机端下载爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
其他安装方式：手机浏览器输入短链接http://71.am/udn
下载安装包到本机：
爱奇艺云推送
请您在手机端登录爱奇艺移动APP（仅支持安卓客户端）
使用微信扫一扫，下载爱奇艺移动APP
180秒后更新
打开爱奇艺移动APP，点击“我的-扫一扫”，扫描左侧二维码进行登录
没有安装爱奇艺视频最新客户端？
正在检测客户端...
您尚未安装客户端，正在为您下载...安装完成后点击按钮即可下载
， 可在设置中重新打开噢！
30秒后自动关闭
帧是视频图象或动画的( )组成单位">帧是视频图象或动画的( )组成单位
请选择打赏金额：
播放量12.7万
播放量数据：快去看看谁在和你一起看视频吧~
更多数据：
Copyright (C) 2017
All Rights Reserved
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制
安装爱奇艺视频客户端，
马上开始为您下载本片
5秒后自动消失
&li data-elem="tabtitle" data-seq="{{seq}}"& &a href="javascript:void(0);"& &span>{{start}}-{{end}}&/span& &/a& &/li&
&li data-downloadSelect-elem="item" data-downloadSelect-selected="false" data-downloadSelect-tvid="{{tvid}}"& &a href="javascript:void(0);"&{{pd}}&/a&
选择您要下载的《
色情低俗内容
血腥暴力内容
广告或欺诈内容
侵犯了我的权力
还可以输入
您使用浏览器不支持直接复制的功能，建议您使用Ctrl+C或右键全选进行地址复制}