SDWebimage 滚动

Question

我正在使用SDWebimage来加载和缓存图片，现在我想找到一种方法来滑动/浏览这些图片。我尝试了不同的方法，但好像都不起作用，能有人帮我解决这个问题吗？

- user2061153

---

尝试过 MWPhotoBrowser 吗？ - Manu

这个没有使用SDWebimage缓存，而这是我应用程序中最重要的东西。 - user2061153

Answer 1

您只需要像平常一样滚动图像浏览器，但是不要同步设置image属性，而是调用SDWebImage方法setImageWithURL（从其UIImageView类别中）。

为了展示一个快速简单的实现，创建一个UIScrollView，打开分页功能，在viewDidLoad中设置内容大小并加载第一张图片，代码如下：

[self.scrollView setContentSize:CGSizeMake(self.view.bounds.size.width * [self.objects count],
                                           self.view.bounds.size.height)];

dispatch_async(dispatch_get_main_queue(), ^{
    ImageBrowserObject *object = self.objects[0];
    [object scrollView:self.scrollView addImageViewIfNeededForIndex:0];
});

您还需要将控制器设置为滚动视图的代理，然后处理scrollViewDidScroll事件：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    static NSInteger lastKnownIndex = -1;

    NSInteger currentIndex  = scrollView.contentOffset.x / scrollView.frame.size.width + 0.5f;
    NSInteger nextIndex = currentIndex + 1;
    NSInteger prevIndex = currentIndex - 1;
    if (prevIndex < 0) prevIndex = 0;

    if (currentIndex == lastKnownIndex)
        return;

    // add the imageviews we need, remove the ones we don't

    [self.objects enumerateObjectsUsingBlock:^(ImageBrowserObject *object, NSUInteger idx, BOOL *stop) {
        if (idx >= prevIndex && idx <= nextIndex)
            [object scrollView:scrollView addImageViewIfNeededForIndex:idx];
        else
            [object scrollView:scrollView removeImageViewIfNeededForIndex:idx];
    }];

    lastKnownIndex = currentIndex;
}

我的ImageBrowserObject定义如下：

@interface ImageBrowserObject : NSObject

@property (nonatomic, strong) NSString *title;
@property (nonatomic, strong) NSURL *url;
@property (nonatomic, weak) UIImageView *imageView;

@end

@implementation ImageBrowserObject

- (id)initWithTitle:(NSString *)title URL:(NSURL *)url
{
    self = [super init];
    if (self) {
        _title = title;
        _url = url;
    }
    return self;
}

- (void)scrollView:(UIScrollView *)scrollView addImageViewIfNeededForIndex:(NSInteger)index
{
    if (self.imageView)
        return;

    CGRect frame = CGRectMake(index * scrollView.frame.size.width,
                              0.0,
                              scrollView.frame.size.width,
                              scrollView.frame.size.height);
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:frame];
    [scrollView addSubview:imageView];
    [imageView setImageWithURL:self.url placeholderImage:[UIImage imageNamed:@"placeholder.png"]];
    self.imageView = imageView;
}

- (void)scrollView:(UIScrollView *)scrollView removeImageViewIfNeededForIndex:(NSInteger)index
{
    if (!self.imageView)
        return;

    [self.imageView removeFromSuperview];
    self.imageView = nil;
}

@end

这是一个相当简单的实现，但我认为你能理解。

- Rob