是a沛呀
是a沛呀

浅析SVGAPlayer

原文

https://www.yuque.com/docs/share/45644f31-0261-42e3-b858-20a7cc953fdc?# 《SVGAPlayer库学习》

前言

以此文记录SVGAPlayer库的学习

地址

https://github.com/svga/SVGAPlayer-iOS

官方介绍

Similar to Lottie. Render After Effects / Animate CC (Flash) animations natively on Android and iOS, Web. 使用 SVGAPlayer 在 Android、iOS、Web中播放 After Effects / Animate CC (Flash) 动画。

大概就是说可以播放AE、Flash动画

其他介绍

SVGAConverter 可以将 Flash 以及 After Effects 动画导出成 .SVGA 文件（实际上是 ZIP 包），供 SVGAPlayer 在各平台播放，SVGAPlayer 支持在 iOS / Android / Web / ReactNative / LayaBox 等平台、游戏引擎播放。

SVGA 做的事情，实际上，非常简单，Converter 会负责从 Flash 或 AE 源文件中提取所有动画元素（位图、矢量），并将其在时间轴中的每帧表现（位移、缩放、旋转、透明度）导出。 Player 会负责将这些信息还原至画布上。

因此，你会发现，SVGA 既有序列帧的特点，又有元素动画的特点。Player 逻辑极度简单，她只负责粗暴地将每一个元素，丝毫不差地渲染到屏幕上，而无须任何插值计算。（我们认为，任何插件计算的逻辑都是复杂的）

也因此，你会发现，SVGA 不同于 Lottie，Lottie 需要在 Player 一层完整地将 After Effects 所有逻辑实现，而 SVGA 则将这些逻辑免去。也因此，SVGA 可以同时支持 Flash，我们相信 Flash 以及其继承者 Animate CC 仍然有强大的生命力，以及完善的设计生态。

SVGA 最初的目标是为降低序列帧动画开销而生的，因此，性能问题一直是 SVGA 关注的焦点。如果你可以深入地探究 SVGA 的实现方式，你会发现，SVGA 实质上做了一件非常重要的事情。她会在动画播放前，一次性地上传所有纹理到 GPU，接着，在播放的过程中，这些纹理会被重复使用。CPU 与 GPU 交换的次数大大减少，同时，纹理的数目也在可控范围。内存、CPU、GPU 占用能达到最优状态。

代码分析

demo 代码实例

image

从 SVGAPlayer 里开始看起

SVGAPlayer

SVGAPlayer为显示的容器，从它的结构设计里可以看出SVGA动画的播放逻辑

image
image

draw方法

- (void)draw {
 self.drawLayer = [[CALayer alloc] init];
 self.drawLayer.frame = CGRectMake(0, 0, self.videoItem.videoSize.width, self.videoItem.videoSize.height);
 self.drawLayer.masksToBounds = true;
 
 
NSMutableDictionary *tempHostLayers = [NSMutableDictionary dictionary];
NSMutableArray *tempContentLayers = [NSMutableArray array];

[self.videoItem.sprites enumerateObjectsUsingBlock:^(SVGAVideoSpriteEntity * _Nonnull sprite, NSUInteger idx, BOOL * _Nonnull stop) {
    UIImage *bitmap;

    if (sprite.imageKey != nil) {
        NSString *bitmapKey = [sprite.imageKey stringByDeletingPathExtension];
        if (self.dynamicObjects[bitmapKey] != nil) {
            bitmap = self.dynamicObjects[bitmapKey];
        }
        else {
            bitmap = self.videoItem.images[bitmapKey];
        }
    }
    //把图片和每一帧的位置farmes储存到layer
    SVGAContentLayer *contentLayer = [sprite requestLayerWithBitmap:bitmap];
    contentLayer.imageKey = sprite.imageKey;
    [tempContentLayers addObject:contentLayer];
    if ([sprite.imageKey hasSuffix:@".matte"]) {
        CALayer *hostLayer = [[CALayer alloc] init];
        hostLayer.mask = contentLayer;
        tempHostLayers[sprite.imageKey] = hostLayer;
    } else {
        if (sprite.matteKey && sprite.matteKey.length > 0) {
            CALayer *hostLayer = tempHostLayers[sprite.matteKey];
            [hostLayer addSublayer:contentLayer];
            if (![sprite.matteKey isEqualToString:self.videoItem.sprites[idx - 1].matteKey]) {
                [self.drawLayer addSublayer:hostLayer];
            }
        } else {
            [self.drawLayer addSublayer:contentLayer];
        }
    }
    if (sprite.imageKey != nil) {
        //查看是否是传入过文字的key
        if (self.dynamicTexts[sprite.imageKey] != nil) {
            NSAttributedString *text = self.dynamicTexts[sprite.imageKey];
            CGSize bitmapSize = CGSizeMake(self.videoItem.images[sprite.imageKey].size.width * self.videoItem.images[sprite.imageKey].scale, self.videoItem.images[sprite.imageKey].size.height * self.videoItem.images[sprite.imageKey].scale);
            CGSize size = [text boundingRectWithSize:bitmapSize
                                             options:NSStringDrawingUsesLineFragmentOrigin
                                             context:NULL].size;
            CATextLayer *textLayer = [CATextLayer layer];
            textLayer.contentsScale = [[UIScreen mainScreen] scale];
            [textLayer setString:self.dynamicTexts[sprite.imageKey]];
            textLayer.frame = CGRectMake(0, 0, size.width, size.height);
            [contentLayer addSublayer:textLayer];
            contentLayer.textLayer = textLayer;
            [contentLayer resetTextLayerProperties:text];
        }

        //是否需要隐藏
        if (self.dynamicHiddens[sprite.imageKey] != nil &&
            [self.dynamicHiddens[sprite.imageKey] boolValue] == YES) {
            contentLayer.dynamicHidden = YES;
        }
        if (self.dynamicDrawings[sprite.imageKey] != nil) {
            contentLayer.dynamicDrawingBlock = self.dynamicDrawings[sprite.imageKey];
        }
    }
}];
self.contentLayers = tempContentLayers;

[self.layer addSublayer:self.drawLayer];
NSMutableArray *audioLayers = [NSMutableArray array];
[self.videoItem.audios enumerateObjectsUsingBlock:^(SVGAAudioEntity * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
    SVGAAudioLayer *audioLayer = [[SVGAAudioLayer alloc] initWithAudioItem:obj videoItem:self.videoItem];
    [audioLayers addObject:audioLayer];
}];
self.audioLayers = audioLayers;
[self update];
[self resize];

 
 
}

可以看到，其实它是根据 SVGAVideoEntity 里储存SVGAVideoSpriteEntity的数组 来创建layer的

在下面的方法里 把图片和每一帧的位置farmes储存到layer

image
image

而SVGAContentLayer是继承CALayer的

image

update方法

image

resize方法

根据排版模式的不同，设置不同的位置

- (void)resize {
 if (self.contentMode == UIViewContentModeScaleAspectFit) {
 CGFloat videoRatio = self.videoItem.videoSize.width / self.videoItem.videoSize.height;
 CGFloat layerRatio = self.bounds.size.width / self.bounds.size.height;
 if (videoRatio > layerRatio) {
 CGFloat ratio = self.bounds.size.width / self.videoItem.videoSize.width;
 CGPoint offset = CGPointMake(
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.width,
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.height
 - (self.bounds.size.height - self.videoItem.videoSize.height * ratio) / 2.0
 );
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(ratio, 0, 0, ratio, -offset.x, -offset.y));
 }
 else {
 CGFloat ratio = self.bounds.size.height / self.videoItem.videoSize.height;
 CGPoint offset = CGPointMake(
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.width - (self.bounds.size.width - self.videoItem.videoSize.width * ratio) / 2.0,
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(ratio, 0, 0, ratio, -offset.x, -offset.y));
 }
 }
 else if (self.contentMode == UIViewContentModeScaleAspectFill) {
 CGFloat videoRatio = self.videoItem.videoSize.width / self.videoItem.videoSize.height;
 CGFloat layerRatio = self.bounds.size.width / self.bounds.size.height;
 if (videoRatio < layerRatio) {
 CGFloat ratio = self.bounds.size.width / self.videoItem.videoSize.width;
 CGPoint offset = CGPointMake(
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.width,
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.height
 - (self.bounds.size.height - self.videoItem.videoSize.height * ratio) / 2.0
 );
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(ratio, 0, 0, ratio, -offset.x, -offset.y));
 }
 else {
 CGFloat ratio = self.bounds.size.height / self.videoItem.videoSize.height;
 CGPoint offset = CGPointMake(
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.width - (self.bounds.size.width - self.videoItem.videoSize.width * ratio) / 2.0,
 (1.0 - ratio) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(ratio, 0, 0, ratio, -offset.x, -offset.y));
 }
 }
 else if (self.contentMode == UIViewContentModeTop) {
 CGFloat scaleX = self.frame.size.width / self.videoItem.videoSize.width;
 CGPoint offset = CGPointMake((1.0 - scaleX) / 2.0 * self.videoItem.videoSize.width, (1 - scaleX) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(scaleX, 0, 0, scaleX, -offset.x, -offset.y));
 }
 else if (self.contentMode == UIViewContentModeBottom) {
 CGFloat scaleX = self.frame.size.width / self.videoItem.videoSize.width;
 CGPoint offset = CGPointMake(
 (1.0 - scaleX) / 2.0 * self.videoItem.videoSize.width,
 (1.0 - scaleX) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(scaleX, 0, 0, scaleX, -offset.x, -offset.y + self.frame.size.height - self.videoItem.videoSize.height * scaleX));
 }
 else if (self.contentMode == UIViewContentModeLeft) {
 CGFloat scaleY = self.frame.size.height / self.videoItem.videoSize.height;
 CGPoint offset = CGPointMake((1.0 - scaleY) / 2.0 * self.videoItem.videoSize.width, (1 - scaleY) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(scaleY, 0, 0, scaleY, -offset.x, -offset.y));
 }
 else if (self.contentMode == UIViewContentModeRight) {
 CGFloat scaleY = self.frame.size.height / self.videoItem.videoSize.height;
 CGPoint offset = CGPointMake(
 (1.0 - scaleY) / 2.0 * self.videoItem.videoSize.width,
 (1.0 - scaleY) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(scaleY, 0, 0, scaleY, -offset.x + self.frame.size.width - self.videoItem.videoSize.width * scaleY, -offset.y));
 }
 else {
 CGFloat scaleX = self.frame.size.width / self.videoItem.videoSize.width;
 CGFloat scaleY = self.frame.size.height / self.videoItem.videoSize.height;
 CGPoint offset = CGPointMake((1.0 - scaleX) / 2.0 * self.videoItem.videoSize.width, (1 - scaleY) / 2.0 * self.videoItem.videoSize.height);
 self.drawLayer.transform = CATransform3DMakeAffineTransform(CGAffineTransformMake(scaleX, 0, 0, scaleY, -offset.x, -offset.y));
 }
 }

layoutSubviews

//layer位置发生改变时 要重新重置一次
 
 
     
  
  • (void)layoutSubviews {
     [super layoutSubviews];
     [self resize];
     }

定时器方法

image

小结

可以知道，svga的动画播放很简单，对于每一个layer我们都有一个key，和对应的frame数组，预计对应的位图信息，当我们要播放动画的时候我们就可以根据fps的时间间隙来修改每一个key的frame，针对不少key的位置可能与上一帧一样，所以在储存位置信息的时候，我们可以用一个标识来标注当前帧的位置和上一帧一样。

- (void)next {
 if (self.reversing) { //倒放
 self.currentFrame--;
 if (self.currentFrame < (NSInteger)MAX(0, self.currentRange.location)) {
 self.currentFrame = MIN(self.videoItem.frames - 1, self.currentRange.location + self.currentRange.length - 1);
 self.loopCount++;
 }
 }
 else {
 self.currentFrame++;
 if (self.currentFrame >= MIN(self.videoItem.frames, self.currentRange.location + self.currentRange.length)) {
 self.currentFrame = MAX(0, self.currentRange.location);
 [self clearAudios];
 self.loopCount++;
 }
 }
 if (self.loops > 0 && self.loopCount >= self.loops) {
 [self stopAnimation];
 if (!self.clearsAfterStop && [self.fillMode isEqualToString:@"Backward"]) {
 [self stepToFrame:MAX(0, self.currentRange.location) andPlay:NO];
 }
 else if (!self.clearsAfterStop && [self.fillMode isEqualToString:@"Forward"]) {
 [self stepToFrame:MIN(self.videoItem.frames - 1, self.currentRange.location + self.currentRange.length - 1) andPlay:NO];
 }
 id delegate = self.delegate;
 if (delegate != nil && [delegate respondsToSelector:@selector(svgaPlayerDidFinishedAnimation:)]) {
 [delegate svgaPlayerDidFinishedAnimation:self];
 }
 return;
 }
 [self update];
 id delegate = self.delegate;
 if (delegate != nil) { //通知外界播放进度
 if ([delegate respondsToSelector:@selector(svgaPlayer:didAnimatedToFrame:)]) {
 [delegate svgaPlayer:self didAnimatedToFrame:self.currentFrame];
 } else if ([delegate respondsToSelector:@selector(svgaPlayerDidAnimatedToFrame:)]){
 [delegate svgaPlayerDidAnimatedToFrame:self.currentFrame];
 }
 
 
    if (self.videoItem.frames > 0) {
        if ([delegate respondsToSelector:@selector(svgaPlayer:didAnimatedToPercentage:)]) {
            [delegate svgaPlayer:self didAnimatedToPercentage:(CGFloat)(self.currentFrame + 1) / (CGFloat)self.videoItem.frames];
        } else if ([delegate respondsToSelector:@selector(svgaPlayerDidAnimatedToPercentage:)]) {
            [delegate svgaPlayerDidAnimatedToPercentage:(CGFloat)(self.currentFrame + 1) / (CGFloat)self.videoItem.frames];
        }
    }
}

 
 
}

SVGAParser

parser 解析器 （婆收），是给外界创建数据的方法，会返回SVGAVideoEntity，来给svgaPlayer提供数据

image

可以看到当我们传入date的url 或data的时候 他可以告诉我们成功还是失败，如果成功会返回SVGAVideoEntity

- (void)parseWithData:(nonnull NSData *)data
 cacheKey:(nonnull NSString *)cacheKey
 completionBlock:(void ( ^ _Nullable)(SVGAVideoEntity * _Nonnull videoItem))completionBlock
 failureBlock:(void ( ^ _Nullable)(NSError * _Nonnull error))failureBlock {
 
 
SVGAVideoEntity *cacheItem = [SVGAVideoEntity readCache:cacheKey];
if (cacheItem != nil) {
    if (completionBlock) {
        [[NSOperationQueue mainQueue] addOperationWithBlock:^{
            completionBlock(cacheItem);
        }];
    }
    return;
}

if (!data || data.length < 4) {
    return;
}

if (![SVGAParser isZIPData:data]) { //判断是否是zip数据

    [parseQueue addOperationWithBlock:^{

        NSData *inflateData = [self zlibInflate:data]; //解压
        NSError *err;

        //继承GPBMessage的实例  GPBMessage是protobuf框架生成的类 其实就和json差不多 就是压缩算法的差异
        SVGAProtoMovieEntity *protoObject = [SVGAProtoMovieEntity parseFromData:inflateData error:&err];

        if (!err && [protoObject isKindOfClass:[SVGAProtoMovieEntity class]]) {

            //这一步相当于初始化一下原始参数和把SVGAProtoMovieEntity的一些参数赋值给SVGAVideoEntity
            SVGAVideoEntity *videoItem = [[SVGAVideoEntity alloc] initWithProtoObject:protoObject cacheDir:@""];

            //有点奇怪 为什么这3个方法不放到初始化方法里

            //把图片和mp3数据创建出来 用2个字典储存 key就是图片或节点的名字
            [videoItem resetImagesWithProtoObject:protoObject];

            //把图片和动画关联起来 key就是图片或节点的名字
            [videoItem resetSpritesWithProtoObject:protoObject];

            //把音频文件创建出来用数组储存
            [videoItem resetAudiosWithProtoObject:protoObject];

            //是否用弱引用储存
            if (self.enabledMemoryCache) {
                [videoItem saveCache:cacheKey];
            } else {
                [videoItem saveWeakCache:cacheKey];
            }
            if (completionBlock) {
                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                    completionBlock(videoItem);
                }];
            }
        }
    }];
    return ;
}

//解压
[unzipQueue addOperationWithBlock:^{
    if ([[NSFileManager defaultManager] fileExistsAtPath:[self cacheDirectory:cacheKey]]) {
        [self parseWithCacheKey:cacheKey completionBlock:^(SVGAVideoEntity * _Nonnull videoItem) {
            if (completionBlock) {
                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                    completionBlock(videoItem);
                }];
            }
        } failureBlock:^(NSError * _Nonnull error) {
            [self clearCache:cacheKey];
            if (failureBlock) {
                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                    failureBlock(error);
                }];
            }
        }];
        return;
    }

    //这里的路径是生成一个随机数，有点不好
    NSString *tmpPath = [NSTemporaryDirectory() stringByAppendingFormat:@"%u.svga", arc4random()];
    if (data != nil) {
        [data writeToFile:tmpPath atomically:YES];
        NSString *cacheDir = [self cacheDirectory:cacheKey];
        if ([cacheDir isKindOfClass:[NSString class]]) {
            [[NSFileManager defaultManager] createDirectoryAtPath:cacheDir withIntermediateDirectories:NO attributes:nil error:nil];
            [SSZipArchive unzipFileAtPath:tmpPath toDestination:[self cacheDirectory:cacheKey] progressHandler:^(NSString * _Nonnull entry, unz_file_info zipInfo, long entryNumber, long total) {

            } completionHandler:^(NSString *path, BOOL succeeded, NSError *error) {
                if (error != nil) {
                    if (failureBlock) {
                        [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                            failureBlock(error);
                        }];
                    }
                }
                else {
                    if ([[NSFileManager defaultManager] fileExistsAtPath:[cacheDir stringByAppendingString:@"/movie.binary"]]) {
                        NSError *err;
                        NSData *protoData = [NSData dataWithContentsOfFile:[cacheDir stringByAppendingString:@"/movie.binary"]];
                        SVGAProtoMovieEntity *protoObject = [SVGAProtoMovieEntity parseFromData:protoData error:&err];
                        if (!err) {
                            SVGAVideoEntity *videoItem = [[SVGAVideoEntity alloc] initWithProtoObject:protoObject cacheDir:cacheDir];
                            [videoItem resetImagesWithProtoObject:protoObject];
                            [videoItem resetSpritesWithProtoObject:protoObject];
                            if (self.enabledMemoryCache) {
                                [videoItem saveCache:cacheKey];
                            } else {
                                [videoItem saveWeakCache:cacheKey];
                            }
                            if (completionBlock) {
                                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                                    completionBlock(videoItem);
                                }];
                            }
                        }
                        else {
                            if (failureBlock) {
                                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                                    failureBlock([NSError errorWithDomain:NSFilePathErrorKey code:-1 userInfo:nil]);
                                }];
                            }
                        }
                    }
                    else {
                        NSError *err;
                        NSData *JSONData = [NSData dataWithContentsOfFile:[cacheDir stringByAppendingString:@"/movie.spec"]];
                        if (JSONData != nil) {
                            NSDictionary *JSONObject = [NSJSONSerialization JSONObjectWithData:JSONData options:kNilOptions error:&err];
                            if ([JSONObject isKindOfClass:[NSDictionary class]]) {
                                SVGAVideoEntity *videoItem = [[SVGAVideoEntity alloc] initWithJSONObject:JSONObject cacheDir:cacheDir];
                                [videoItem resetImagesWithJSONObject:JSONObject];
                                [videoItem resetSpritesWithJSONObject:JSONObject];
                                if (self.enabledMemoryCache) {
                                    [videoItem saveCache:cacheKey];
                                } else {
                                    [videoItem saveWeakCache:cacheKey];
                                }
                                if (completionBlock) {
                                    [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                                        completionBlock(videoItem);
                                    }];
                                }
                            }
                        }
                        else {
                            if (failureBlock) {
                                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                                    failureBlock([NSError errorWithDomain:NSFilePathErrorKey code:-1 userInfo:nil]);
                                }];
                            }
                        }
                    }
                }
            }];
        }
        else {
            if (failureBlock) {
                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                    failureBlock([NSError errorWithDomain:NSFilePathErrorKey code:-1 userInfo:nil]);
                }];
            }
        }
    }
    else {
        if (failureBlock) {
            [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                failureBlock([NSError errorWithDomain:@"Data Error" code:-1 userInfo:nil]);
            }];
        }
    }
}];

 
 
}

核心代码

image

从中可以看出，SVGAVideoEntity是由SVGAProtoMovieEntity提供的数据创建而成，之所以要分开一个是因为SVGAProtoMovieEntity是继承GPBMessage，而protobuf的对象，另外一个原因就是SVGAVideoEntity里是支持缓存的

方法分析在下方

SVGAVideoEntity

image
image

resetImagesWithProtoObject

此方法主要是创建好图片和MP3文件，然后储存到字典里，key就是节点的名字

image 

- (void)resetImagesWithProtoObject:(SVGAProtoMovieEntity *)protoObject {
 
 
NSMutableDictionary *images    = [[NSMutableDictionary alloc] init];
NSMutableDictionary *audiosData = [[NSMutableDictionary alloc] init];

NSDictionary *protoImages = [protoObject.images copy];

for (NSString *key in protoImages) {
    NSString *fileName = [[NSString alloc] initWithData:protoImages[key] encoding:NSUTF8StringEncoding];
    if (fileName != nil) {
        NSString *filePath = [self.cacheDir stringByAppendingFormat:@"/%@.png", fileName];
        if (![[NSFileManager defaultManager] fileExistsAtPath:filePath]) {
            filePath = [self.cacheDir stringByAppendingFormat:@"/%@", fileName];
        }
        if ([[NSFileManager defaultManager] fileExistsAtPath:filePath]) {

 
 
// NSData *imageData = [NSData dataWithContentsOfFile:filePath];
 NSData *imageData = [NSData dataWithContentsOfFile:filePath options:NSDataReadingMappedIfSafe error:NULL];
 if (imageData != nil) {
 UIImage *image = [[UIImage alloc] initWithData:imageData scale:2.0];
 if (image != nil) {
 [images setObject:image forKey:key];
 }
 }
 }
 }
 else if ([protoImages[key] isKindOfClass:[NSData class]]) {
 if ([SVGAVideoEntity isMP3Data:protoImages[key]]) {
 // mp3
 [audiosData setObject:protoImages[key] forKey:key];
 } else {
 UIImage *image = [[UIImage alloc] initWithData:protoImages[key] scale:2.0];
 if (image != nil) {
 [images setObject:image forKey:key];
 }
 }
 }
 }
 self.images = images;
 self.audiosData = audiosData;
 }

resetSpritesWithProtoObject

此方法主要是把节点和其frame数据对应起来，而matteKey就是遮罩类型

image
image

把断点放到resetSpritesWithProtoObject里，在与把svga资源放到网上解析，可以发现，每个节点的名字都可以对应得上，而spriteEntity里的frames就是每一帧的位置了

SVGAProtoMovieEntity

**SVGAProtoMovieEntity 是 SVGAVideoEntity 的主要数据源，其结构如下 **

image

可见SVGAProtoMovieEntity继承GPBMessage，而protobuf的对象，可见为了减少体积，程序员也是煞费苦心

image

SVGAProtoMovieParams

SVGAProtoMovieParams 是 SVGAProtoMovieEntity 的动画参数属性

可以看到帧数都是可以给60整除的，但是没有4，有点奇怪

image

SVGAProtoSpriteEntity

SVGAProtoSpriteEntity 里的元素列表存储的类就是 SVGAProtoSpriteEntity

@interface SVGAProtoSpriteEntity : GPBMessage
 
 
/** 元件所对应的位图键名, 如果 imageKey 含有 .vector 后缀，该 sprite 为矢量图层 含有 .matte 后缀，该 sprite 为遮罩图层。 */
 @property(nonatomic, readwrite, copy, null_resettable) NSString *imageKey;
 
 
/** 帧列表 /
 @property(nonatomic, readwrite, strong, null_resettable) NSMutableArray> framesArray;
 /* The number of items in @c framesArray without causing the array to be created. */
 @property(nonatomic, readonly) NSUInteger framesArray_Count;
 
 
/** 被遮罩图层的 matteKey 对应的是其遮罩图层的 imageKey. */
 @property(nonatomic, readwrite, copy, null_resettable) NSString *matteKey;
 
 
@end

SVGAVideoSpriteEntity

其为SVGAVideoEntity的动画元素参数，由SVGAProtoSpriteEntity提供数据

image
image

可以看到 它有个初始化方法是 - (instancetype)initWithProtoObject:(SVGAProtoSpriteEntity *)protoObject;

也就是说会根据SVGAProtoSpriteEntity来赋值

image
SVGAProtoSpriteEntity

key对应的就是所有的frame

image 

// This method is threadsafe because it is initially called
 // in +initialize for each subclass.
 
 
     
  
  • (GPBDescriptor *)descriptor {
     static GPBDescriptor *descriptor = nil;
     if (!descriptor) {
     static GPBMessageFieldDescription fields[] = {
     {
     .name = "imageKey",
     .dataTypeSpecific.className = NULL,
     .number = SVGAProtoSpriteEntity_FieldNumber_ImageKey,
     .hasIndex = 0,
     .offset = (uint32_t)offsetof(SVGAProtoSpriteEntity__storage_, imageKey),
     .flags = (GPBFieldFlags)(GPBFieldOptional | GPBFieldTextFormatNameCustom),
     .dataType = GPBDataTypeString,
     },
     { //只有是framesArray的时候才会把className赋值为SVGAProtoFrameEntity
     .name = "framesArray",
     .dataTypeSpecific.className = GPBStringifySymbol(SVGAProtoFrameEntity),
     .number = SVGAProtoSpriteEntity_FieldNumber_FramesArray,
     .hasIndex = GPBNoHasBit,
     .offset = (uint32_t)offsetof(SVGAProtoSpriteEntity__storage_, framesArray),
     .flags = GPBFieldRepeated,
     .dataType = GPBDataTypeMessage,
     },
     {
     .name = "matteKey",
     .dataTypeSpecific.className = NULL,
     .number = SVGAProtoSpriteEntity_FieldNumber_MatteKey,
     .hasIndex = 1,
     .offset = (uint32_t)offsetof(SVGAProtoSpriteEntity__storage_, matteKey),
     .flags = (GPBFieldFlags)(GPBFieldOptional | GPBFieldTextFormatNameCustom),
     .dataType = GPBDataTypeString,
     },
     };
     GPBDescriptor *localDescriptor =
     [GPBDescriptor allocDescriptorForClass:[SVGAProtoSpriteEntity class]
     rootClass:[SVGAProtoSvgaRoot class]
     file:SVGAProtoSvgaRoot_FileDescriptor()
     fields:fields
     fieldCount:(uint32_t)(sizeof(fields) / sizeof(GPBMessageFieldDescription))
     storageSize:sizeof(SVGAProtoSpriteEntity__storage_)
     flags:GPBDescriptorInitializationFlag_None];
    •  
 
 
 
if !GPBOBJC_SKIP_MESSAGE_TEXTFORMAT_EXTRAS
 
 
    static const char *extraTextFormatInfo =
    "\002\001\010\000\003\010\000";
    [localDescriptor setupExtraTextInfo:extraTextFormatInfo];

 
 
endif // !GPBOBJC_SKIP_MESSAGE_TEXTFORMAT_EXTRAS
 
 
    NSAssert(descriptor == nil, @"Startup recursed!");
    descriptor = localDescriptor;
}
return descriptor;

 
 
}

SVGAProtoFrameEntity

SVGAProtoSpriteEntity里的帧列表数组储存的对象类型就是SVGAProtoFrameEntity

其结构如下

image

SVGAProtoLayout 初始约束大小

image

SVGAProtoTransform 2D 变换矩阵

image

SVGAProtoShapeEntity 矢量元素

SVGAProtoFrameEntity 储存的矢量元素列表的对象类型就是SVGAProtoShapeEntity

image

SVGAProtoShapeEntity_ShapeType

image

SVGAProtoShapeEntity_ShapeArgs

image

SVGAProtoShapeEntity_RectArgs

image

SVGAProtoShapeEntity_EllipseArgs

image

SVGAProtoShapeEntity_ShapeStyle

image

SVGAProtoAudioEntity

image

添加文字

image

可以看到，是先通过节点的key找到某个节点，然后根据图片的大小和显示的大小决定CATextLayer的大小

内容则是通过传入的NSAttributedString富文本字符串决定

代码结构图

image
image

动画原理浅析

2D变换

矩阵运算

UIView的transform属性是一个CGAffineTransform类型，用于在二维空间做旋转，缩放和平移。CGAffineTransform是一个可以和二维空间向量（例如CGPoint）做乘法的3X2的矩阵

image

用CGPoint的每一列和CGAffineTransform矩阵的每一行对应元素相乘再求和，就形成了一个新的CGPoint类型的结果。要解释一下图中显示的灰色元素，为了能让矩阵做乘法，左边矩阵的列数一定要和右边矩阵的行数个数相同，所以要给矩阵填充一些标志值，使得既可以让矩阵做乘法，又不改变运算结果，并且没必要存储这些添加的值，因为它们的值不会发生变化，但是要用来做运算。

因此，通常会用3×3（而不是2×3）的矩阵来做二维变换，你可能会见到3行2列格式的矩阵，这是所谓的以列为主的格式，图5.1所示的是以行为主的格式，只要能保持一致，用哪种格式都无所谓。

image

通过矩阵运算后的坐标(aX + cY + tx, bX + dY + ty, 1) 我们对比一下可知：

平移

一、设a=d=1, b=c=0

(aX + cY + tx , bX + dY + ty , 1) = (X + tx , Y + ty , 1)

可见，这个时候，坐标是按照向量（tx，ty）进行平移，

也就是函数CGAffineTransform CGAffineMakeTranslation(CGFloat tx,CGFloat ty)的计算原理。

缩放

二、设b=c=tx=ty=0

(aX + cY + tx , bX + dY + ty , 1) = (aX , dY , 1)

可见，这个时候，坐标X按照a进行缩放，Y按照d进行缩放，a，d就是X，Y的比例系数，

也就是函数CGAffineTransform CGAffineTransformMakeScale(CGFloat sx, CGFloat sy)的计算原理。

旋转

a对应于sx，d对应于sy。

三、设tx=ty=0，a=cosβ，b=sinβ，c=-sinβ，d=cosβ

(aX + cY + tx , bX + dY + ty , 1) = (Xcosβ - Ysinβ , Xsinβ + Ycosβ , 1)

可见，这个时候，β就是旋转的角度，逆时针为正，顺时针为负。

也就是函数CGAffineTransform CGAffineTransformMakeRotation(CGFloat angle)的计算原理。

angle即β的弧度表示。

3D变换

矩阵运算

和CGAffineTransform类似，CATransform3D也是一个矩阵，但是和2x3的矩阵不同，CATransform3D是一个可以在3维空间内做变换的4x4的矩阵

image

透视投影

在真实世界中，当物体远离我们的时候，由于视角的原因看起来会变小，理论上说远离我们的视图的边要比靠近视角的边跟短，但实际上并没有发生，而我们当前的视角是等距离的，也就是在3D变换中任然保持平行，和之前提到的仿射变换类似。

在等距投影中，远处的物体和近处的物体保持同样的缩放比例，这种投影也有它自己的用处（例如建筑绘图，颠倒，和伪3D视频），但当前我们并不需要。

为了做一些修正，我们需要引入投影变换（又称作z变换）来对除了旋转之外的变换矩阵做一些修改，Core Animation并没有给我们提供设置透视变换的函数，因此我们需要手动修改矩阵值，幸运的是，很简单：

CATransform3D的透视效果通过一个矩阵中一个很简单的元素来控制：m34。m34 用于按比例缩放X和Y的值来计算到底要离视角多远。

m34的默认值是0，我们可以通过设置m34为-1.0 / d来应用透视效果，d代表了想象中视角相机和屏幕之间的距离，以像素为单位，那应该如何计算这个距离呢？实际上并不需要，大概估算一个就好了。

因为视角相机实际上并不存在，所以可以根据屏幕上的显示效果自由决定它的防止的位置。通常500-1000就已经很好了，但对于特定的图层有时候更小后者更大的值会看起来更舒服，减少距离的值会增强透视效果，所以一个非常微小的值会让它看起来更加失真，然而一个非常大的值会让它基本失去透视效果。

你可能感兴趣的:(浅析SVGAPlayer)

  • 内存保护学习（一）：tc27x的内存保护MPU设置浅析（个人理解） 剑从东方起 链接文件及功能安全开发语言c语言
    目录一、背景二、Tc27x相关寄存器1、注意点2、注意几个强相关寄存器1）、数据保护范围寄存器2）、代码保护范围寄存器3）、保护集启用寄存器命名约定4）、PSW（每个核都有一个）5）、SYSCON三、使用方法1、内存方面2、在ECUM里面初始化MPU3、OS回调CBK检查4、机理5、补充点一、背景根据低ASIL等级开发的软件组件可能会错误地访问具有较高ASIL等级的软件组件的内存区域，从而产生干扰
  • Scanpy源码浅析之pp.normalize_total 何物昂
    版本导入Scanpy,其版本为'1.9.1'，如果你看到的源码和下文有差异，其可能是由于版本差异。importscanpyasscsc.__version__#'1.9.1'例子函数pp.normalize_total用于Normalizecountspercell，其源代码在scanpy/preprocessing/_normalization.py我们通过一个简单例子来了解该函数主要功能:将一
  • 浅析IM即时通讯开发中TCP协议层KeepAlive保活机制 wecloud1314 tcp/ip网络服务器
    对于IM这种应用而言，应用层的网络保活的最直接办法就是心跳机制，比如主流的IM里有微信、QQ、钉钉、易信等等，可能代码实现细节有所差异，但理论上无一例外都是这样实现。（PS：没错，当初微信跟运营商间的“信令危机”就是跟这个有关）所谓的网络心跳，通常是客户端每隔一小段时间向服务器发送一个数据包（即心跳包），通知服务器自己仍然在线（心跳包中同时可能传输一些必要的数据）。发送心跳包，从通信层面来说就是为
  • 浅析MYSQL的事务和锁 胡萝卜、 mysql数据库java
    1.MySQL的事务和锁1.1事务的介绍：概念：事务指逻辑上的一组操作，组成这个操作的单元，要么全部成功执行，要么全部执行失败个人理解：某个业务执行更新语句，整个业务下得sql语句（单指更新）全部成功执行，或者执行全部失败常见的mysql执行命令：starttransaction开启事务rollback回滚事务commit提交事务showvariableslike'%commit';查询是否为自动
  • 浅析‖医疗行业数据安全 等保星视界
    最近小编接触到了医疗行业，猛然发觉信息化技术当前真的是深入应用到了医院的日常经营发展中，医院整体的管理运营全都面向系统化，让医院的管理效率、质量都纷纷得以提升。这也使得信息安全管理工作占据了更加重要的位置。小编总结了下医院信息安全管理的主要工作大概包括这几点：l信息系统网络安全l备份信息记录安全l计算机设备病毒防治l医院信息管理系统平台安全等想必大家也都有所了解，医疗记录包含大量敏感信息：如病患的
  • 2020-01-28 ab96a7f92f71
    中西医对病毒性肺病诊治差别（浅析1）ab96a7f92f71字数289·阅读02020-01-2814:05西医除了追溯疾病症状与体征之外，更多借助于各种化验、检测手段和影像学，尤其是血常规和胸部高清CT影像加以诊断，还必须做咽拭子或下呼吸道分泌物寻找出病原体，例如有针对病毒核酸检测或培养测序和抗体滴度测试等。当然还进行全面身体测试数据发现以往的基础病或体质状态。中医主要运用望闻问切传统手段来辨别
  • Spring源码浅析の循环依赖 西岭千秋雪_ 源码分析springjava后端springboot
    AbstractBeanFactory#doGetBean:尝试获取bean如果bean是单例的：if(mbd.isSingleton()){//尝试获取beansharedInstance=getSingleton(beanName,()->{try{//获取不到就创建returncreateBean(beanName,mbd,args);}catch(BeansExceptionex){//E
  • 从中国小说叙述学的角度浅析《酒国》叙述结构 花里胡哨_0ac9
    “长篇小说的结构是长篇小说艺术的重要组成部分，是作家丰沛想象力的表现。好的结构，能够凸现故事的意义，也能够改编故事的单一意义。好的结构，可以超越故事，也可以解构故事”一、结构突破的合理性莫言曾提到：“结构就是政治”，证明他在长篇小说的谋篇布局方面下了很大的工夫，这一点在《酒国》里面体现得尤为突出。本文试图运用赵毅衡先生提出的叙述学观点与方法，对《酒国》做一个较浅略的分析。在这个层面上，我们仅对叙述
  • 浅析网页不安装插件播放RTSP/FLV视频的方法 点量云实时渲染-小芹 云流化像素流云渲染音视频rtsp无插件网页播放rtmpflv视频网页播放webrtc
    早期很多摄像头视频流使用的是RTSP、RTMP协议，播放这类协议的视频通常是在网页上安装插件。但现在越来越多的用户，对于网页安装插件比较反感，且随着移动设备的普及，用户更多的希望使用手机、平板等移动设备，直接可以查看这些协议的视频。那是否有什么方案可以直接网页打开RTSP、RTMP协议的视频，直接观看不用安装插件呢？而且对于摄像头的数据，尽可能低延迟的获取实时画面。其实很多摄像头厂家也注意到这个问
  • 浅析大数据Hadoop之YARN架构 haotian1685 python数据清洗人工智能大数据大数据学习深度学习大数据大数据学习YARNhadoop
    1.YARN本质上是资源管理系统。YARN提供了资源管理和资源调度等机制1.1原HadoopMapReduce框架对于业界的大数据存储及分布式处理系统来说，Hadoop是耳熟能详的卓越开源分布式文件存储及处理框架，对于Hadoop框架的介绍在此不再累述，读者可参考Hadoop官方简介。使用和学习过老Hadoop框架（0.20.0及之前版本）的同仁应该很熟悉如下的原MapReduce框架图：1.2H
  • B站1.18亿元收购甬易支付，获得支付牌照——浅析支付牌照 d488c517aee9
    一、B站1.18亿元收购甬易支付宁波市公共资源交易中心网站消息，11月19日，宁波恒舜拍卖有限公司发布余姚中国塑料城物流有限公司产权交易项目成交公告。公告显示，浙江甬易电子支付有限公司65.5%的国有股权，由B站运营主体上海宽娱数码科技有限公司拍得，成交价为人民币11796.55万元。据了解，甬易支付成立于2011年7月，于2012年6月首次获得《支付业务许可证》，2017年6月成功获得续展，续展
  • 「浅析系列」《论语》（八佾篇）（1） 霜月洞天
    文（3.1）与文（3.2）、文（3.6）【联】文（3.10）与文（3.22）提：中心词（概括）为“底线”。底线有不同的种类，譬如人性底线，三观底线，认知底线，行事底线等，而各底线种类又各自分为多种底线实质，也即在某一种种类之下，到底存在怎样的规矩。点：此四节内容都指出了底线当中“僭越身份”的种类以及礼乐（礼节）中的实质。点2：1、文（3.1）：底线→僭越身份（种类：天子与大夫【季孙作为大夫僭越了天
  • 【算法】浅析贪心算法 Ustinian_310 算法贪心算法python
    贪心算法：高效解决问题的策略1.引言在计算机科学和优化领域，贪心算法是一种常用的解决问题的策略。它以当前情况为基础，做出最优选择，从而希望最终结果也是最优的。本文将带你了解贪心算法的原理、使用方法及其在实际应用中的意义，并通过代码示例和图示帮助大家更好地理解。2.贪心算法简介2.1定义贪心算法（GreedyAlgorithm）是一种在每一步选择中都采取当前状态下最优（即最有利）的选择，从而希望导致
  • 使用Vue组件的watch监听-简单计算器 编程初学者01 vue.jsvue.js前端javascript前端框架
    Vue组件的初探一、浅析这里做了一个全局的组件vue.component('mycomp',{})在中写组件，将id=comp1script中直接template:"#copm1"其他的部分就是之前所讲的watch来实现简易计算器差不多组件watch监听-计算(CQNU-ZJW)+=varcom=Vue.component('mycomp',{template:"#comp1",data(){re
  • 2024年高教社杯数学建模国赛赛题浅析——助攻快速选题 BZD数模社 数学建模
    一图流——一张图读懂国赛总体概述：A题偏几何与运动学模型，适合有几何与物理背景的队伍，数据处理复杂性中等。B题侧重统计和优化，适合有运筹学和经济学背景的队伍，数据处理较为直接但涉及多步骤的决策优化。C题属于优化类问题，涉及复杂的多变量优化与不确定性分析，数据处理难度大。D题涉及概率和优化，特别是几何概率模型的推导，理论难度较高。E题数据量较大，重点在于大规模交通数据的分析与优化，适合擅长交通工程和
  • ur5在gazebo中仿真的官方源码浅析 Ecalpal 机器人其他
    一复现好久之前初学ros+gazebo机械臂仿真的时候总有些懵，用的是ur5机械臂，现在回过头来看好像看懂了一些，故重新理清了一下功能包的逻辑，方便查阅。官方源码本文参考ubuntu16.04安装UR3/UR5/UR10机械臂的ROS驱动并实现gazebo下Moveit运动规划仿真以及真实UR3机械臂的运动控制(1)1.1roslaunchur_gazebour5.launch1.1.1找gaze
  • Objective-C高级特性浅析与实践指南 小鹿撞出了脑震荡 objective-c学习
    OC的学习笔记（二）文章目录OC的学习笔记（二）@property访问控制符点语法自定义`init`方法内存管理retain和release@class处理发生异常的方法NSSrting的常用方法类方法对象方法lengthcharacterAtIndexisEuqalStringcompare@autorelease和自动释放池自动释放池Category类别与扩展category的运用NSNumb
  • socks代理和http代理的区别_浅析socks代理如何使用TCP和UDP协议 weixin_39640414 udp接受
    SOCKS是一种网络传输协议，主要用于客户端与外网服务器之间通讯的中间传递。sock5协议没有规定加密，所以是明文传输，当然也可以搭配ssl加密。由于网上的信息传输都是运用tcp或udp进行的，所以使用socks5代理可以办到网上所能办到的一切，因为sock5既支持TCP协议又支持UDP协议。当然，socks5对这两种协议的使用是有区别的，以下分类说明。如何用代理TCP协议：1、向服务器的1080
  • 2024最好的传奇手游打金服推荐 传奇手游打金服排行榜大全 会飞滴鱼儿
    传奇游戏熟悉的背景音乐和爽快的攻击体验，凭借着这些元素，成为许多80后童年时光的最佳伴侣。面对当今市场上丰富的游戏资源，不少人依然留恋这款可以联机、高自由度玩法的传奇游戏。那么，让我们一同回顾一下2024年最值得一玩的传奇手游打金服，并浅析它们的特点以及全网热度情况。传奇手游延续至今，已经接近二十年的历史了，而这些年走过来，被诟病最多的就是其“内部号”的事情，本期小编也给大家整理了一份资料：但是现
  • 浅析事件驱动Reactor 不适合写代码的程序员 服务器C/C++IO多路复用事件驱动Reactor设计模式
    文章目录前言1、Reactor模式的核心概念2、Reactor模式的工作流程3、典型的Reactor模型架构4、优缺点分析5、实际应用中的Reactor6、使用示例前言事件驱动的Reactor模式是一种设计模式，广泛应用于高性能网络服务器和I/O密集型应用中。它的核心思想是通过事件驱动的方式管理和处理多个并发连接或I/O操作，而不需要为每个连接或操作创建单独的线程。这种模式能够极大地提高系统的可扩
  • 产品经理那些事 Judy_Lily
    牵引力教育浅析产品经理的价值众所周知，产品经理常被称为公司里轻量级的“CEO”，很多事都离不开产品经理，作为互联网时代的产品运营官，产品经理的“价值”无论从发展前景还是薪酬方面，都是非常可观的。那么，产品经理具体是做什么的呢？一位合格的产品经理要涉及很多方面：专业知识、行业常识、市场行情、竞争格局等等。专业知识：虽然产品经理不要求会算法，但是了解一定的专业知识是与算法研发工程师沟通的基础，否则产品
  • 浅析STM32外部中断易死机解决 brotherwyz stm32嵌入式硬件单片机
    本案例stm32死机或程序跑飞是实际产品中出现的，初步怀疑是外部中断口，有极强的干扰所致，于是拿着信号发生器实测，当信号发生器产生300KHz的信号，甚至到12MHz的信号时，期间，程序跑飞或死机。看门狗也无法重启。解决点：1、初始化时，先关闭总中断，初始化完成后，再开启总中断/*Resetofallperipherals,InitializestheFlashinterfaceandtheSys
  • 2021西邮LINUX兴趣小组纳新题浅析 大专er c语言
    4.考察位运算intmain(intargc,char*argv[]){charch='A';inti=65;unsignedintf=33554433;*(int*)&f>>=24;*(int*)&f=*(int*)&f+'?';printf("ch=%ci=%cf=%c\n",ch,i,*(int*)&f);return0;}*(int*)&f>>=24;这一行将f由无符号整数强制转换为整数,
  • 闲聊 | 浅析《寂静之地2》三幕式剧作结构 端木胥
    纪念第一次在影院看恐怖片。三幕式戏剧结构，最早可追溯到亚里士多德在《诗学》中总结的戏剧理论，即戏剧应包含开始、中间、结尾三个部分。著名编剧悉德·菲尔德则对这一理论加以扩充和具象化，他的概念模式放在电影剧本中，可分为以下三幕：第一幕是铺陈，占电影的四分之一。目的在于为整部电影的叙述架构基本的框架，交代故事发生的主要背景和事件，介绍主要的人物关系；第二幕是冲突，占电影的一半。这一阶段通过冲突的演变推动
  • linux 进程映射空间 libc,linux进程地址空间布局浅析 钟程杰 linux进程映射空间libc
    此文章是围绕该文章的思路进行总结的，原文记录的笔记详尽，在此基础上，我总结了本身的一下(想对浅显)。若是对具体细节想要了解的，能够访问这篇文章，在文章最后付了一段代码，跟该成程序的内存映射图，若是有哪里写的不正确，欢迎补充和指正。linux程序是什么抽象的来讲当咱们打开电脑点击应用程序图标，一个程序就运行起来了，可是在操做系统层面来看，实际上是产生了一个进程，这是一个程序的实体。ios接下来以li
  • 线程和进程 linux,浅析 Linux 进程与线程 邹世辉 线程和进程linux
    简介进程与线程是所有的程序员都熟知的概念，简单来说进程是一个执行中的程序，而线程是进程中的一条执行路径。进程是操作系统中基本的抽象概念，本文介绍Linux中进程和线程的用法以及原理，包括创建、消亡等。进程创建与执行Linux中进程的创建与执行分为两个函数，分别是fork和exec，如下代码所示：intmain(){pid_tpid;if((pid=fork()<0){printf("forkerr
  • 浅析《可可西里》的电影美学：藏羚羊的血泪史是人与自然的对立性 你的能很能
    文|bethlyn“可可西里”是蒙古语，意为“青色的山梁”，后经过一定艺术处理，延伸成广为接受的“美丽的青山，美丽的少女”。个中文化交错或许在寓意上有所出入，不过既都是美好，也大可不必纠结了。08年奥运会在北京举行，藏羚羊当选为奥运会吉祥物“迎迎”，陆川表示藏羚羊的“申吉”成功与自己的《可可西里》有抹不开的联系。《可可西里》是近年来我看过的最有力量的片子，写实性的剧本，写实性的拍摄手法，写实性的演
  • 完成标准（DOD）浅析 众易
    2016-03-0520:55:28Bonnie-Wu阅读数4649更多分类专栏：研发管理版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/wubijuan/article/details/50810671最近，我的团队问我一个问题：“为什么我安排下去的每个迭代任务，总是做不完？”经过沟通，我发现团
  • 密码之浅析Diffie–Hellman right_33cb
    转：https://www.cnblogs.com/hyddd/p/7689132.html这个密钥交换方法，由惠特菲尔德·迪菲（BaileyWhitfieldDiffie）、马丁·赫尔曼（MartinEdwardHellman）于1976年发表。它是一种安全协议，让双方在完全没有对方任何预先信息的条件下通过不安全信道建立起一个密钥，这个密钥一般作为“对称加密”的密钥而被双方在后续数据传输中使用。
  • 浅析nodejs中的stream(流) weixin_34236497 javascript网络ViewUI
    helloeverybody这篇文章我们来聊一下nodejs中的stream，也就是nodejs中的流。什么是流呢？从字面上来看我们应该可以想到水流，对吧。那我们不妨想一下水流有什么特点呢？比如我们日常生活中的水龙头，流出来的水是有序且有方向的。nodejs中的流也是一样，是有序且有方向的。nodejs中有许多的对象或者方法都用到了流。比如说HTTP请求和process.stdout就都是流的实例
  • JVM StackMapTable 属性的作用及理解 lijingyao8206 jvm字节码Class文件StackMapTable
            在Java 6版本之后JVM引入了栈图(Stack Map Table)概念。为了提高验证过程的效率，在字节码规范中添加了Stack Map Table属性，以下简称栈图，其方法的code属性中存储了局部变量和操作数的类型验证以及字节码的偏移量。也就是一个method需要且仅对应一个Stack Map Table。在Java 7版
  • 回调函数调用方法 百合不是茶 java
    最近在看大神写的代码时,.发现其中使用了很多的回调 ,以前只是在学习的时候经常用到 ,现在写个笔记 记录一下   代码很简单:           MainDemo  :调用方法  得到方法的返回结果        
  • [时间机器]制造时间机器需要一些材料 comsci 制造
          根据我的计算和推测,要完全实现制造一台时间机器,需要某些我们这个世界不存在的物质     和材料...       甚至可以这样说,这种材料和物质,我们在反应堆中也无法获得......      
  • 开口埋怨不如闭口做事 邓集海 邓集海 做人 做事 工作
    “开口埋怨，不如闭口做事。”不是名人名言，而是一个普通父亲对儿子的训导。但是，因为这句训导，这位普通父亲却造就了一个名人儿子。这位普通父亲造就的名人儿子，叫张明正。 　　 　　张明正出身贫寒，读书时成绩差，常挨老师批评。高中毕业，张明正连普通大学的分数线都没上。高考成绩出来后，平时开口怨这怨那的张明正，不从自身找原因，而是不停地埋怨自己家庭条件不好、埋怨父母没有给他创造良好的学习环境。 　　 　　
  • jQuery插件开发全解析，类级别与对象级别开发 IT独行者 jquery开发插件　函数
    jQuery插件的开发包括两种： 一种是类级别的插件开发，即给 jQuery添加新的全局函数，相当于给 jQuery类本身添加方法。 jQuery的全局函数就是属于 jQuery命名空间的函数，另一种是对象级别的插件开发，即给 jQuery对象添加方法。下面就两种函数的开发做详细的说明。   1 、类级别的插件开发 类级别的插件开发最直接的理解就是给jQuer
  • Rome解析Rss 413277409 Rome解析Rss
    import java.net.URL;  import java.util.List;    import org.junit.Test;    import com.sun.syndication.feed.synd.SyndCategory;  import com.sun.syndication.feed.synd.S
  • RSA加密解密 无量 加密解密rsa
    RSA加密解密代码 代码有待整理 package com.tongbanjie.commons.util; import java.security.Key; import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerat
  • linux 软件安装遇到的问题 aichenglong linux遇到的问题ftp
    1 ftp配置中遇到的问题    500 OOPS: cannot change directory   出现该问题的原因:是SELinux安装机制的问题.只要disable SELinux就可以了   修改方法:1 修改/etc/selinux/config 中SELINUX=disabled    2 source /etc
  • 面试心得 alafqq 面试
    最近面试了好几家公司。记录下； 支付宝，面试我的人胖胖的，看着人挺好的；博彦外包的职位，面试失败； 阿里金融，面试官人也挺和善，只不过我让他吐血了。。。 由于印象比较深，记录下； 1，自我介绍 2，说下八种基本类型；（算上string。楼主才答了3种，哈哈，string其实不是基本类型，是引用类型） 3，什么是包装类，包装类的优点； 4，平时看过什么书？NND，什么书都没看过。。照样
  • java的多态性探讨 百合不是茶 java
    java的多态性是指main方法在调用属性的时候类可以对这一属性做出反应的情况 //package 1; class A{ public void test(){ System.out.println("A"); } } class D extends A{ public void test(){ S
  • 网络编程基础篇之JavaScript-学习笔记 bijian1013 JavaScript
    1.documentWrite <html> <head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script> </h
  • 探索JUnit4扩展：深入Rule bijian1013 JUnitRule单元测试
            本文将进一步探究Rule的应用，展示如何使用Rule来替代@BeforeClass，@AfterClass，@Before和@After的功能。         在上一篇中提到，可以使用Rule替代现有的大部分Runner扩展，而且也不提倡对Runner中的withBefores()，withAfte
  • [CSS]CSS浮动十五条规则 bit1129 css
    这些浮动规则，主要是参考CSS权威指南关于浮动规则的总结，然后添加一些简单的例子以验证和理解这些规则。   1. 所有的页面元素都可以浮动 2. 一个元素浮动后，会成为块级元素，比如<span>,a, strong等都会变成块级元素 3.一个元素左浮动，会向最近的块级父元素的左上角移动，直到浮动元素的左外边界碰到块级父元素的左内边界；如果这个块级父元素已经有浮动元素停靠了
  • 【Kafka六】Kafka Producer和Consumer多Broker、多Partition场景 bit1129 partition
    0.Kafka服务器配置 3个broker 1个topic，6个partition，副本因子是2 2个consumer，每个consumer三个线程并发读取   1. Producer package kafka.examples.multibrokers.producers; import java.util.Properties; import java.util.
  • zabbix_agentd.conf配置文件详解 ronin47 zabbix 配置文件
    Aliaskey的别名，例如 Alias=ttlsa.userid:vfs.file.regexp[/etc/passwd,^ttlsa:.:([0-9]+),,,,\1]， 或者ttlsa的用户ID。你可以使用key：vfs.file.regexp[/etc/passwd,^ttlsa:.: ([0-9]+),,,,\1]，也可以使用ttlsa.userid。备注: 别名不能重复，但是可以有多个
  • java--19.用矩阵求Fibonacci数列的第N项 bylijinnan fibonacci
    参考了网上的思路，写了个Java版的： public class Fibonacci { final static int[] A={1,1,1,0}; public static void main(String[] args) { int n=7; for(int i=0;i<=n;i++){ int f=fibonac
  • Netty源码学习-LengthFieldBasedFrameDecoder bylijinnan javanetty
    先看看LengthFieldBasedFrameDecoder的官方API http://docs.jboss.org/netty/3.1/api/org/jboss/netty/handler/codec/frame/LengthFieldBasedFrameDecoder.html API举例说明了LengthFieldBasedFrameDecoder的解析机制，如下： 实
  • AES加密解密 chicony 加密解密
    AES加解密算法，使用Base64做转码以及辅助加密： package com.wintv.common; import javax.crypto.Cipher; import javax.crypto.spec.IvParameterSpec; import javax.crypto.spec.SecretKeySpec; import sun.misc.BASE64Decod
  • 文件编码格式转换 ctrain 编码格式
    package com.test; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java.io.OutputStream;
  • mysql 在linux客户端插入数据中文乱码 daizj mysql中文乱码
    1、查看系统客户端，数据库，连接层的编码  查看方法： http://daizj.iteye.com/blog/2174993 进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+------
  • 好代码是廉价的代码 dcj3sjt126com 程序员读书
      长久以来我一直主张：好代码是廉价的代码。 当我跟做开发的同事说出这话时，他们的第一反应是一种惊愕，然后是将近一个星期的嘲笑，把它当作一个笑话来讲。 当他们走近看我的表情、知道我是认真的时，才收敛一点。 当最初的惊愕消退后，他们会用一些这样的话来反驳： “好代码不廉价，好代码是采用经过数十年计算机科学研究和积累得出的最佳实践设计模式和方法论建立起来的精心制作的程序代码。” 我只
  • Android网络请求库——android-async-http dcj3sjt126com android
    在iOS开发中有大名鼎鼎的ASIHttpRequest库，用来处理网络请求操作，今天要介绍的是一个在Android上同样强大的网络请求库android-async-http，目前非常火的应用Instagram和Pinterest的Android版就是用的这个网络请求库。这个网络请求库是基于Apache HttpClient库之上的一个异步网络请求处理库，网络处理均基于Android的非UI线程，通
  • ORACLE 复习笔记之SQL语句的优化 eksliang SQL优化Oracle sql语句优化SQL语句的优化
    转载请出自出处：http://eksliang.iteye.com/blog/2097999   SQL语句的优化总结如下   sql语句的优化可以按照如下六个步骤进行： 合理使用索引 避免或者简化排序 消除对大表的扫描 避免复杂的通配符匹配 调整子查询的性能 EXISTS和IN运算符 下面我就按照上面这六个步骤分别进行总结：
  • 浅析：Android 嵌套滑动机制（NestedScrolling） gg163 android移动开发滑动机制嵌套
    谷歌在发布安卓 Lollipop版本之后，为了更好的用户体验，Google为Android的滑动机制提供了NestedScrolling特性 NestedScrolling的特性可以体现在哪里呢？<!--[if !supportLineBreakNewLine]--><!--[endif]--> 比如你使用了Toolbar，下面一个ScrollView，向上滚
  • 使用hovertree菜单作为后台导航 hvt JavaScriptjquery.nethovertreeasp.net
      hovertree是一个jquery菜单插件，官方网址：http://keleyi.com/jq/hovertree/ ，可以登录该网址体验效果。 0.1.3版本：http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm hovertree插件包含文件： http://keleyi.com/jq/hovertree/css
  • SVG 教程 （二）矩形 天梯梦 svg
    SVG <rect> SVG Shapes SVG有一些预定义的形状元素，可被开发者使用和操作： 矩形 <rect> 圆形 <circle> 椭圆 <ellipse> 线 <line> 折线 <polyline> 多边形 <polygon> 路径 <path>
  • 一个简单的队列 luyulong java数据结构队列
    public class MyQueue { private long[] arr; private int front; private int end; // 有效数据的大小 private int elements; public MyQueue() { arr = new long[10]; elements = 0; front
  • 基础数据结构和算法九：Binary Search Tree sunwinner Algorithm
      A binary search tree (BST) is a binary tree where each node has a Comparable key (and an associated value) and satisfies the restriction that the key in any node is larger than the keys in all
  • 项目出现的一些问题和体会 Steven-Walker DAOWebservlet
         第一篇博客不知道要写点什么，就先来点近阶段的感悟吧。     这几天学了servlet和数据库等知识，就参照老方的视频写了一个简单的增删改查的，完成了最简单的一些功能，使用了三层架构。 dao层完成的是对数据库具体的功能实现，service层调用了dao层的实现方法，具体对servlet提供支持。  &
  • 高手问答：Java老A带你全面提升Java单兵作战能力！ ITeye管理员 java
    本期特邀《Java特种兵》作者：谢宇，CSDN论坛ID: xieyuooo 针对JAVA问题给予大家解答，欢迎网友积极提问，与专家一起讨论! 作者简介： 淘宝网资深Java工程师，CSDN超人气博主，人称“胖哥”。 CSDN博客地址： http://blog.csdn.net/xieyuooo 作者在进入大学前是一个不折不扣的计算机白痴，曾经被人笑话过不懂鼠标是什么，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他