现在app都做的越来越炫酷，各种动画效果，各种特效很好的提高了用户的体验。很多app在登录界面都使用了动画效果，比如Uber，Keep，QQ等等。这些动画效果基本都是使用gif或者MP4来实现的。

效果图：

这里提供3种方式实现登录界面动画,有需要的同学可以参考一下

1.video篇，使用avplayer加载video来实现效果

实现步骤基本上是初始化播放器，然后加载video，有几个注意点：1.导入头文件#import <AVFoundation/AVFoundation.h> 2.app进入后台后，video播放就停止了，这里采用通知的方式在app从后台进入前台时通知控制开启播放video 代码如下：

- (void)setupForAVplayerView

{

    AVPlayerLayer *playerLayer = [AVPlayerLayer playerLayerWithPlayer:self.player];

    playerLayer.frame = self.view.bounds;

    [self.view.layer addSublayer:playerLayer];

}

/**

 *  初始化播放器

 */

- (AVPlayer *)player

{

    if (!_player) {

        AVPlayerItem *playerItem = [self getPlayItem];

        _player = [AVPlayer playerWithPlayerItem:playerItem];

        //设置重复播放

        _player.actionAtItemEnd = AVPlayerActionAtItemEndNone; // set this

        //视频播放完发通知

        [[NSNotificationCenter defaultCenter]addObserver:self

                                                selector:@selector(__playerItemDidPlayToEndTimeNotification:)

                                                    name:AVPlayerItemDidPlayToEndTimeNotification

                                                  object:nil];

    }

    return _player;

}

- (AVPlayerItem *)getPlayItem

{

    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"BridgeLoop-640p" ofType:@"mp4"];

    NSURL *url = [NSURL fileURLWithPath:filePath];

    AVPlayerItem *playerItem = [AVPlayerItem playerItemWithURL:url];

    return playerItem;

}

- (void)__playerItemDidPlayToEndTimeNotification:(NSNotification *)sender

{

    [_player seekToTime:kCMTimeZero]; // 设置从头继续播放

}

//视频进入后台到前台视频暂停的处理方法

appDelegate.m中

- (void)applicationDidBecomeActive:(UIApplication *)application {

    [[NSNotificationCenter defaultCenter]postNotificationName:@"appBecomeActive" object:nil];

}

viewController.m

- (void)viewWillAppear:(BOOL)animated

{

    //视频播放

    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(playVideos) name:@"appBecomeActive" object:nil];

}

2.gif篇 利用webView加载gif的方法来实现gif的播放

需要注意的是html中加载的gif路径不要搞错了，要不然gif无法加载出来 代码如下：

html:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">

        <title>loadgif</title>

        <style type="text/css">

            *{

                margin:0px;

                padding:0px;

            }

        .loadGif {

            width: 100%;

            height: 100%;

            /*设置背景*/

            background: url(loadgif.gif) no-repeat center center;

            /*让背景全屏*/

            background-size: cover;

            /*让div全屏*/

            position:absolute;

        }

        </style>

    </head>

    <body>

        <div class="loadGif"> </div>

    </body>

</html>

oc中

-(void)setupWebView{

    UIWebView *webView = [[UIWebView alloc] initWithFrame:self.view.bounds];

    [self.view addSubview:webView];

    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"loadGif.html" ofType:nil];

    NSURLRequest *request = [NSURLRequest requestWithURL:[NSURL fileURLWithPath:filePath]];

    [webView loadRequest:request];

    webView.userInteractionEnabled = NO;

}

3.gif篇 这里仍然使用gif,如果你觉得使用html过于麻烦，自己对html又不是很熟悉，这里提供另外一种加载gif的方法，使用YYImge加载gif

需要注意的是YYImge需要添加一个静态库 libz.tbd 依赖 代码如下：

-(void)setupYYImageView{

   NSString *path = [[NSBundle mainBundle] pathForResource:@"loadgif.gif" ofType:nil];

    YYImage *image = [YYImage imageWithContentsOfFile:path];

    YYAnimatedImageView *imgView = [[YYAnimatedImageView alloc] initWithFrame:self.view.bounds];

    imgView.contentMode = UIViewContentModeScaleAspectFill;

    imgView.image = image;

    [self.view addSubview:imgView];

}

demo下载地址 ：https://github.com/qqcc1388/LoginWithVideoDemo

转载请标注来源https://www.cnblogs.com/qqcc1388/p/7156384.html

iOS中三种方式实现登录界面播放视频或gif效果的更多相关文章

  1. Django中三种方式写form表单

    除了在html中自己手写form表单外,django还可以通过 继承django.forms.Form 或django.forms.ModelForm两个类来自动生成form表单,下面依次利用三种方式 ...

  2. java中三种方式获得类的字节码文件对象

    package get_class_method; public class ReflectDemo { /** * @param args */ public static void main(St ...

  3. iOS——浅谈iOS中三种生成随机数方法

    ios 有如下三种随机数方法:

  4. iOS中 三种随机数方法详解

    ios 有如下三种随机数方法: //第一种 srand((unsigned)time(0)); //不加这句每次产生的随机数不变 int i = rand() % 5; //第二种 srandom(t ...

  5. iOS-浅谈iOS中三种生成随机数方法

    ios 有如下三种随机数方法:

  6. ios中三种多线程的技术对比

    1.NSThread 使用较少 在NSThread调用的方法中,同样要使用autoreleasepool进行内存管理,否则容易出现内存泄露. 使用流程:创建线程-->启动线程 2.NSOpera ...

  7. java实现HTTP请求的三种方式

    目前JAVA实现HTTP请求的方法用的最多的有两种:一种是通过HTTPClient这种第三方的开源框架去实现.HTTPClient对HTTP的封装性比较不错,通过它基本上能够满足我们大部分的需求,Ht ...

  8. 【转载】java实现HTTP请求的三种方式

    目前JAVA实现HTTP请求的方法用的最多的有两种:一种是通过HTTPClient这种第三方的开源框架去实现.HTTPClient对HTTP的封装性比较不错,通过它基本上能够满足我们大部分的需求,Ht ...

  9. ios学习网络------4 UIWebView以三种方式中的本地数据

    UIWebView这是IOS内置的浏览器.能够浏览网页,打开文档  html/htm  pdf   docx  txt等待格文档类型. safari浏览器是通过UIWebView制作. server将 ...

随机推荐

  1. 加强版dd工具dc3dd

    加强版dd工具dc3dd   dd是Linux最常用的磁盘备份工具,但缺少渗透测试常用的数据校验.hash等重要功能.Kali Linux提供的一款专用工具dc3dd.该工具是dd的加强版.它在dd的 ...

  2. 【NOI2016】优秀的拆分

    题目描述 如果一个字符串可以被拆分为 $AABB$ 的形式,其中 $A$ 和 $B$ 是任意非空字符串,则我们称该字符串的这种拆分是优秀的. 例如,对于字符串 aabaabaa,如果令 $A = \m ...

  3. Ubuntu 16.04服务器版查看IP、网关、DNS（非DHCP）

    查看IP ifconfig em1 Link encap:Ethernet HWaddr F0:1F:AF:D6:17:DD inet addr:115.238.54.116 Bcast:115.23 ...

  4. 关于spring.net的面向切面编程 (Aspect Oriented Programming with Spring.NET)-使用工厂创建代理（Using the ProxyFactoryObject to create AOP proxies）

    本文翻译自Spring.NET官方文档Version 1.3.2. 受限于个人知识水平,有些地方翻译可能不准确,但是我还是希望我的这些微薄的努力能为他人提供帮助. 侵删. 如果你正在为你的业务模型使用 ...

  5. java.util.List.subList ，开区间和闭区间

    比如集合中的内容为1,2,3,4,5list.sublist(2,4)就返回一个子集合:它的内容包括从下标为2到下标为4,而且这是左闭右开的就是说是从大于等于2到小于4那子集内容就是3,4(集合的下标 ...

  6. 非常老的话题 SQLSERVER连接池

    原文:非常老的话题 SQLSERVER连接池 非常老的话题 SQLSERVER连接池 写这篇文章不是说要炒冷饭,因为园子里有非常非常多关于SQLSERVER连接池的文章,但是他们说的都是引用MSDN里 ...

  7. 咏南下拉列表数据敏感控件--TYNDBSearch

    咏南下拉列表数据敏感控件--TYNDBSearch 拥有下拉列表控件可以大大地加速软件系统的开发. 控件适用于DELPHI5及以上版本安装并使用. 控件的用法: procedure Tfgoods.s ...

  8. eclipse中jar包打断点

    eclipse中jar包打断点 1. 下载工具 链接:http://pan.baidu.com/s/1dEF5tqL 密码:md4m 2. 增加jadeclipse功能 把 net.sf.jadcli ...

  9. kubernetes 实用 api list

    https://192.168.20.128:6443/api/v1/pods 原文来自https://segmentfault.com/a/1190000002937665 收集整理一些可能较常用的 ...

  10. Android控件之GridView探究

    GridView是一项显示二维的viewgroup,可滚动的网格.一般用来显示多张图片. 以下模拟九宫图的实现,当鼠标点击图片时会进行相应的跳转链接. 目录结构 main.xml布局文件,存放Grid ...