ibireme
233 lines
10 KiB
Objective-C
233 lines
10 KiB
Objective-C
//
|
|
// YYWebImageExample.m
|
|
// YYKitExample
|
|
//
|
|
// Created by ibireme on 15/7/19.
|
|
// Copyright (c) 2015 ibireme. All rights reserved.
|
|
//
|
|
|
|
#import "YYWebImageExample.h"
|
|
#import <YYKit/YYKit.h>
|
|
|
|
#define kCellHeight ceil((kScreenWidth) * 3.0 / 4.0)
|
|
|
|
@interface YYWebImageExampleCell : UITableViewCell
|
|
@property (nonatomic, strong) YYAnimatedImageView *webImageView;
|
|
@property (nonatomic, strong) UIActivityIndicatorView *indicator;
|
|
@property (nonatomic, strong) CAShapeLayer *progressLayer;
|
|
@property (nonatomic, strong) UILabel *label;
|
|
@end
|
|
|
|
@implementation YYWebImageExampleCell
|
|
- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
|
|
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
|
|
self.backgroundColor = [UIColor clearColor];
|
|
self.contentView.backgroundColor = [UIColor clearColor];
|
|
self.size = CGSizeMake(kScreenWidth, kCellHeight);
|
|
self.contentView.size = self.size;
|
|
_webImageView = [YYAnimatedImageView new];
|
|
_webImageView.size = self.size;
|
|
_webImageView.clipsToBounds = YES;
|
|
_webImageView.contentMode = UIViewContentModeScaleAspectFill;
|
|
_webImageView.backgroundColor = [UIColor whiteColor];
|
|
[self.contentView addSubview:_webImageView];
|
|
|
|
_indicator = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
|
|
_indicator.center = CGPointMake(self.width / 2, self.height / 2);
|
|
_indicator.hidden = YES;
|
|
//[self.contentView addSubview:_indicator]; //use progress bar instead..
|
|
|
|
_label = [UILabel new];
|
|
_label.size = self.size;
|
|
_label.textAlignment = NSTextAlignmentCenter;
|
|
_label.text = @"Load fail, tap to reload.";
|
|
_label.textColor = [UIColor colorWithWhite:0.7 alpha:1.0];
|
|
_label.hidden = YES;
|
|
_label.userInteractionEnabled = YES;
|
|
[self.contentView addSubview:_label];
|
|
|
|
CGFloat lineHeight = 4;
|
|
_progressLayer = [CAShapeLayer layer];
|
|
_progressLayer.size = CGSizeMake(_webImageView.width, lineHeight);
|
|
UIBezierPath *path = [UIBezierPath bezierPath];
|
|
[path moveToPoint:CGPointMake(0, _progressLayer.height / 2)];
|
|
[path addLineToPoint:CGPointMake(_webImageView.width, _progressLayer.height / 2)];
|
|
_progressLayer.lineWidth = lineHeight;
|
|
_progressLayer.path = path.CGPath;
|
|
_progressLayer.strokeColor = [UIColor colorWithRed:0.000 green:0.640 blue:1.000 alpha:0.720].CGColor;
|
|
_progressLayer.lineCap = kCALineCapButt;
|
|
_progressLayer.strokeStart = 0;
|
|
_progressLayer.strokeEnd = 0;
|
|
[_webImageView.layer addSublayer:_progressLayer];
|
|
|
|
__weak typeof(self) _self = self;
|
|
UITapGestureRecognizer *g = [[UITapGestureRecognizer alloc] initWithActionBlock:^(id sender) {
|
|
[_self setImageURL:_self.webImageView.imageURL];
|
|
}];
|
|
[_label addGestureRecognizer:g];
|
|
|
|
return self;
|
|
}
|
|
|
|
- (void)setImageURL:(NSURL *)url {
|
|
_label.hidden = YES;
|
|
_indicator.hidden = NO;
|
|
[_indicator startAnimating];
|
|
__weak typeof(self) _self = self;
|
|
|
|
[CATransaction begin];
|
|
[CATransaction setDisableActions: YES];
|
|
self.progressLayer.hidden = YES;
|
|
self.progressLayer.strokeEnd = 0;
|
|
[CATransaction commit];
|
|
|
|
[_webImageView setImageWithURL:url
|
|
placeholder:nil
|
|
options:YYWebImageOptionProgressiveBlur | YYWebImageOptionShowNetworkActivity | YYWebImageOptionSetImageWithFadeAnimation
|
|
progress:^(NSInteger receivedSize, NSInteger expectedSize) {
|
|
if (expectedSize > 0 && receivedSize > 0) {
|
|
CGFloat progress = (CGFloat)receivedSize / expectedSize;
|
|
progress = progress < 0 ? 0 : progress > 1 ? 1 : progress;
|
|
if (_self.progressLayer.hidden) _self.progressLayer.hidden = NO;
|
|
_self.progressLayer.strokeEnd = progress;
|
|
}
|
|
} transform:nil
|
|
completion:^(UIImage *image, NSURL *url, YYWebImageFromType from, YYWebImageStage stage, NSError *error) {
|
|
if (stage == YYWebImageStageFinished) {
|
|
_self.progressLayer.hidden = YES;
|
|
[_self.indicator stopAnimating];
|
|
_self.indicator.hidden = YES;
|
|
if (!image) _self.label.hidden = NO;
|
|
}
|
|
}];
|
|
}
|
|
|
|
- (void)prepareForReuse {
|
|
//nothing
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
@implementation YYWebImageExample {
|
|
NSArray *_imageLinks;
|
|
}
|
|
|
|
- (void)viewDidLoad {
|
|
[super viewDidLoad];
|
|
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
|
|
self.view.backgroundColor = [UIColor whiteColor];
|
|
|
|
UIBarButtonItem *button = [[UIBarButtonItem alloc] initWithTitle:@"Reload" style:UIBarButtonItemStylePlain target:self action:@selector(reload)];
|
|
self.navigationItem.rightBarButtonItem = button;
|
|
self.view.backgroundColor = [UIColor colorWithWhite:0.217 alpha:1.000];
|
|
|
|
NSArray *links = @[
|
|
/*
|
|
You can add your image url here.
|
|
*/
|
|
|
|
// progressive jpeg
|
|
@"https://s-media-cache-ak0.pinimg.com/1200x/2e/0c/c5/2e0cc5d86e7b7cd42af225c29f21c37f.jpg",
|
|
|
|
// animated gif: http://cinemagraphs.com/
|
|
@"http://i.imgur.com/uoBwCLj.gif",
|
|
@"http://i.imgur.com/8KHKhxI.gif",
|
|
@"http://i.imgur.com/WXJaqof.gif",
|
|
|
|
// animated gif: https://dribbble.com/markpear
|
|
@"https://d13yacurqjgara.cloudfront.net/users/345826/screenshots/1780193/dots18.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/345826/screenshots/1809343/dots17.1.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/345826/screenshots/1845612/dots22.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/345826/screenshots/1820014/big-hero-6.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/345826/screenshots/1819006/dots11.0.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/345826/screenshots/1799885/dots21.gif",
|
|
|
|
// animaged gif: https://dribbble.com/jonadinges
|
|
@"https://d13yacurqjgara.cloudfront.net/users/288987/screenshots/2025999/batman-beyond-the-rain.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/288987/screenshots/1855350/r_nin.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/288987/screenshots/1963497/way-back-home.gif",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/288987/screenshots/1913272/depressed-slurp-cycle.gif",
|
|
|
|
// jpg: https://dribbble.com/snootyfox
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/2047158/beerhenge.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/2016158/avalanche.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1839353/pilsner.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1833469/porter.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1521183/farmers.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1391053/tents.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1399501/imperial_beer.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1488711/fishin.jpg",
|
|
@"https://d13yacurqjgara.cloudfront.net/users/26059/screenshots/1466318/getaway.jpg",
|
|
|
|
// animated webp and apng: http://littlesvr.ca/apng/gif_apng_webp.html
|
|
@"http://littlesvr.ca/apng/images/BladeRunner.png",
|
|
@"http://littlesvr.ca/apng/images/Contact.webp",
|
|
];
|
|
|
|
_imageLinks = links;
|
|
[self.tableView reloadData];
|
|
[self scrollViewDidScroll:self.tableView];
|
|
}
|
|
|
|
- (void)viewDidAppear:(BOOL)animated {
|
|
[super viewDidAppear:animated];
|
|
if (kiOS7Later) {
|
|
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
|
|
self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
|
|
}
|
|
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
|
|
}
|
|
|
|
- (void)viewWillDisappear:(BOOL)animated {
|
|
[super viewWillDisappear:animated];
|
|
if (kiOS7Later) {
|
|
self.navigationController.navigationBar.barStyle = UIBarStyleDefault;
|
|
self.navigationController.navigationBar.tintColor = nil;
|
|
}
|
|
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault;
|
|
}
|
|
|
|
- (void)reload {
|
|
[[YYImageCache sharedCache].memoryCache removeAllObjects];
|
|
[[YYImageCache sharedCache].diskCache removeAllObjectsWithBlock:nil];
|
|
[self.tableView performSelector:@selector(reloadData) afterDelay:0.1];
|
|
}
|
|
|
|
- (BOOL)tableView:(UITableView *)tableView shouldHighlightRowAtIndexPath:(NSIndexPath *)indexPath {
|
|
return NO;
|
|
}
|
|
|
|
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
|
|
return _imageLinks.count * 4;
|
|
}
|
|
|
|
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
|
|
return kCellHeight;
|
|
}
|
|
|
|
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
|
|
YYWebImageExampleCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
|
|
if (!cell) cell = [[YYWebImageExampleCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
|
|
[cell setImageURL:[NSURL URLWithString:_imageLinks[indexPath.row % _imageLinks.count]]];
|
|
return cell;
|
|
}
|
|
|
|
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
|
|
CGFloat viewHeight = scrollView.height + scrollView.contentInset.top;
|
|
for (YYWebImageExampleCell *cell in [self.tableView visibleCells]) {
|
|
CGFloat y = cell.centerY - scrollView.contentOffset.y;
|
|
CGFloat p = y - viewHeight / 2;
|
|
CGFloat scale = cos(p / viewHeight * 0.8) * 0.95;
|
|
if (kiOS8Later) {
|
|
[UIView animateWithDuration:0.15 delay:0 options:UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionAllowUserInteraction | UIViewAnimationOptionBeginFromCurrentState animations:^{
|
|
cell.webImageView.transform = CGAffineTransformMakeScale(scale, scale);
|
|
} completion:NULL];
|
|
} else {
|
|
cell.webImageView.transform = CGAffineTransformMakeScale(scale, scale);
|
|
}
|
|
}
|
|
}
|
|
|
|
@end
|