YYImage學(xué)習(xí)筆記<一> 簡(jiǎn)單使用

前言

YYImage開源庫包含5個(gè)類文件，分別為：YYImage、YYFrameImage、YYSpriteSheetImage、YYImageCoder、YYAnimaeImageView。

功能簡(jiǎn)介如下：
YYImage：加載單張圖片，包括gif,WebP,APNG等圖片(YYImageDemo里面主要測(cè)試?yán)镞@三種)
YYFrameImage：加載多張圖使用
YYSpriteSheetImage：加載精靈圖片，就是多個(gè)圖片在一張圖紙上，通過計(jì)算坐標(biāo)來取圖
YYImageCoder：用于對(duì)圖片文件進(jìn)行編解碼
YYAnimaeImageView：實(shí)現(xiàn)動(dòng)畫效果

簡(jiǎn)單使用

1、加載gif圖(使用YYImage類)

- (void)viewDidLoad {
    // 加載圖片
    YYImage * image = [YYImage imageNamed:@"niconiconi"];
    // 類似系統(tǒng)的UIImageView(這里作者重寫用于顯示gif、WebP和APNG格式圖片)
    YYAnimatedImageView *imageView = [[YYAnimatedImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(0, 70, 300, 300);
    [self.view addSubview:imageView];
}

2 加載WebP格式圖片(使用YYImage類)

- (void)viewDidLoad {
    // 加載圖片
    YYImage * image = [YYImage imageNamed:@"wall-e"];
    // 類似系統(tǒng)的UIImageView(這里作者重寫用于顯示gif、WebP和APNG格式圖片)
    YYAnimatedImageView *imageView = [[YYAnimatedImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(0, 70, 300, 300);
    [self.view addSubview:imageView];
}

3 加載APNG格式圖片(使用YYImage類)

- (void)viewDidLoad {
    // 加載圖片
    YYImage * image = [YYImage imageNamed:@"pia"];
    // 類似系統(tǒng)的UIImageView(這里作者重寫用于顯示gif、WebP和APNG格式圖片)
    YYAnimatedImageView *imageView = [[YYAnimatedImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(0, 70, 300, 300);
    [self.view addSubview:imageView];
}

4 加載多圖(使用YYFrameImage類)

- (void)viewDidLoad {
    [super viewDidLoad];
  
    // 獲取圖片路徑
    NSString *basePath = [[NSBundle mainBundle].bundlePath stringByAppendingPathComponent:@"EmoticonWeibo.bundle/com.sina.default"];
    
    // 拼接圖片路徑并添加數(shù)組
    NSMutableArray *paths = [NSMutableArray new];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_aini@3x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_baibai@3x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_chanzui@3x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_chijing@3x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_dahaqi@3x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_guzhang@3x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_haha@2x.png"]];
    [paths addObject:[basePath stringByAppendingPathComponent:@"d_haixiu@3x.png"]];
    
    // 加載多圖
    UIImage *image = [[YYFrameImage alloc] initWithImagePaths:paths oneFrameDuration:0.1 loopCount:0];
    
    // 顯示多圖
    YYAnimatedImageView *imageView = [[YYAnimatedImageView alloc] initWithImage:image];
    imageView.frame = CGRectMake(30, 70, 50, 50);
    [self.view addSubview:imageView];
}

5 加載精靈圖片(使用YYSpriteSheetImage類)

    NSString *path = [[NSBundle mainBundle].bundlePath stringByAppendingPathComponent:@"ResourceTwitter.bundle/fav02l-sheet@2x.png"];
    UIImage *sheet = [[UIImage alloc] initWithData:[NSData dataWithContentsOfFile:path] scale:2];
    NSMutableArray *contentRects = [NSMutableArray new];
    NSMutableArray *durations = [NSMutableArray new];
    
    
    // 8 * 12 sprites in a single sheet image
    CGSize size = CGSizeMake(sheet.size.width / 8, sheet.size.height / 12);
    for (int j = 0; j < 12; j++) {
        for (int i = 0; i < 8; i++) {
            CGRect rect;
            rect.size = size;
            rect.origin.x = sheet.size.width / 8 * i;
            rect.origin.y = sheet.size.height / 12 * j;
            [contentRects addObject:[NSValue valueWithCGRect:rect]];
            [durations addObject:@(1 / 60.0)];
        }
    }
    YYSpriteSheetImage *sprite;
    sprite = [[YYSpriteSheetImage alloc] initWithSpriteSheetImage:sheet
                                                     contentRects:contentRects
                                                   frameDurations:durations
                                                        loopCount:0];
    
    
    YYAnimatedImageView *imageView = [[YYAnimatedImageView alloc] initWithImage:sprite];
    
    imageView.frame = CGRectMake(30, 70, 50, 50);
    
    [self.view addSubview:imageView];

總結(jié)：由上面的例子可以看出，單張圖片的加載都是通過YYImage類完成，只有精靈圖片的加載(多個(gè)圖片元素在一張圖片上面)，作者重新繼承了一個(gè)類YYSpriteSheetImage用于計(jì)算顯示的坐標(biāo)和時(shí)間等。