SVGA格式的动画

目录

为什么选 SVGA？

对码农友好

对设计师友好

性价比更高

CocoaPods

基础调用方法

---

为什么选 SVGA？

• 对码农友好

  便捷的 SDK 使得 SVGA 可运行在不同平台上，集成步骤轻松简单。

• 对设计师友好

  你可以使用 After Effects 或是 Animate CC (Flash) 进行动画设计，SVGA 可以支持其中的大部分效果，设计师使用导出工具即可生成动画文件。

• 性价比更高

  相对于CAKeyframeAnimation/CABasicAnimation/动画的还原效果更好

• 相对于(lottie-ios使用的json)动画文件体积更小，播放资源占用更优.

• CocoaPods

• pod 'SVGAPlayer'

• 基础调用方法

         1.引入头文件

            #import <SVGAParser.h>

           #import <SVGAPlayer.h>

         2. Code

@property (nonatomic,strong)SVGAPlayer *player;

SVGAParser *parser = [[SVGAParser alloc] init];
    self.player = [[SVGAPlayer alloc] initWithFrame:CGRectMake(100, 400,300, 300)];
    [self.view addSubview:self.player];
    //sample-1_0 是本地格式为svga 的文件
    [parser parseWithNamed:@"sample-1_0" inBundle:[NSBundle mainBundle] completionBlock:^(SVGAVideoEntity * _Nonnull videoItem) {
        if (videoItem != nil) {
            self.player.videoItem = videoItem;
            [self.player startAnimation];
        }
    } failureBlock:^(NSError * _Nonnull error) {
        
    }];

 3 替换sample-1_0文件中的某个图片(http://svga.io)

   // 到SVGA Animation 官网 --->立即体验 --->选择文件(把SVGA文件导入)--->浏览素材 找到图片对应的key

方法一:

CALayer *iconLayer = [CALayer layer];
iconLayer.cornerRadius = 84.0;
iconLayer.masksToBounds = YES;
iconLayer.borderWidth = 4.0;
iconLayer.borderColor = [UIColor colorWithRed:0xea/255.0 green:0xb3/255.0 blue:0x7d/255.0 alpha:1.0].CGColor;
[player setImage:[UIImage imageNamed:@"img_11"] forKey:@"toufa" referenceLayer:iconLayer];

方法二:

[self.player setImage:[UIImage imageNamed:@"img_11"] forKey:@"GuangHuan"];

方法三

[self.player setImageWithURL:[NSURL URLWithString:@"https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1394810059,1006539018&fm=200&gp=0.jpg"] forKey:@"GuangHuan"];

4.隐藏某个图片

[player setHidden:YES forKey:@"GuangHuan"];