iOS开发——加载、滑动翻阅大量图片解决方案详解 .

最新推荐文章于 2020-07-08 11:46:43 发布

Night-Wish

最新推荐文章于 2020-07-08 11:46:43 发布

阅读量993

点赞数

分类专栏： IOS开发

IOS开发专栏收录该内容

224 篇文章 0 订阅

订阅专栏

加载、滑动翻阅大量图片解决方案详解

今天分享一下私人相册中，读取加载、滑动翻阅大量图片解决方案，我想强调的是，编程思想无关乎平台限制。

我要详细说一下，在缩略图界面点击任意小缩略图后，进入高清大图全屏浏览界面的这短暂的1秒内（和后续的几秒），都发生了什么。

常规思路流程

点击任意小图后，

1.首先制作scrollview框架：大小2个scrollview，小的用于手势缩放单一图片，大的横向依次加载全部照片

2.制作好scrollview框架后，加载照片

3.一切准备就绪跳转页面呈现给用户选择的大图

加载图片这一步，若相册内就10几张照片，那么毫无技术挑战，但是如果是300张照片呢？直接崩溃？还是让用户等待加载？时间紧任务重,这一步需要拆分和优化.

scrollview框架需要了解下API，然后动动脑子了，这里有个小窍门，很多人都问我照片与照片间的黑边间距怎么实现，呵呵，贴下代码：

[cpp] view plaincopyprint?

#define PADDING 20
- (NSInteger)loadPhotos
{
//清理之前照片
for (UIView *v in [_scrollView subviews]) {
[v removeFromSuperview];
}
workingFrame = [[UIScreen mainScreen]bounds];
workingFrame.origin.x = PADDING;
for (int i = 0; i < int_total; i++) {
CGRect frame = workingFrame;
WQPhoto *photoView = [[WQPhoto alloc] initWithFrame:frame];
[photoView setScroller:self];
[photoView setIndex:i];
WQAlbumPhoto *photo = [albumObject._photos objectAtIndex:i];
[photo cleanThumbnail];
if (i == int_current) {
//加载原图
[photoView setImage:photo.oriImage];
[photoView setIsLoad:YES];
}else if (int_current - 10 < i && i < int_current + 10){
//加载左右临近的缩略图
[photoView setImage:photo.thumbnail4view];
}
[_scrollView addSubview:photoView];
workingFrame.origin.x = workingFrame.origin.x + 2 * PADDING
+ workingFrame.size.width;
}
//实现可滚动
[_scrollView setContentSize:CGSizeMake(workingFrame.origin.x, workingFrame.size.height / 2)];
[_scrollView setContentOffset:CGPointMake(360 * int_current, 0)];
//加载其余缩略图
loadThread = [[NSThread alloc]initWithTarget:self selector:@selector(loadImages) object:nil];
return 0;
}

#define PADDING  20
- (NSInteger)loadPhotos
{
    //清理之前照片
    for (UIView *v in [_scrollView subviews]) {
        [v removeFromSuperview];
    }

    workingFrame = [[UIScreen mainScreen]bounds];
    workingFrame.origin.x = PADDING;
    
    for (int i = 0; i < int_total; i++) {
        CGRect frame = workingFrame;
        WQPhoto *photoView = [[WQPhoto alloc] initWithFrame:frame];
        [photoView setScroller:self];
        [photoView setIndex:i];

        WQAlbumPhoto *photo = [albumObject._photos objectAtIndex:i];
        [photo cleanThumbnail];
        if (i == int_current) {
	//加载原图
            [photoView setImage:photo.oriImage];
            [photoView setIsLoad:YES];
        }else if (int_current - 10 < i && i < int_current + 10){
	//加载左右临近的缩略图
            [photoView setImage:photo.thumbnail4view];
        }

        [_scrollView addSubview:photoView];
        workingFrame.origin.x = workingFrame.origin.x + 2 * PADDING 
+ workingFrame.size.width;
    }
    
    //实现可滚动
    [_scrollView setContentSize:CGSizeMake(workingFrame.origin.x, workingFrame.size.height / 2)];
    [_scrollView setContentOffset:CGPointMake(360 * int_current, 0)];
    //加载其余缩略图
    loadThread = [[NSThread alloc]initWithTarget:self selector:@selector(loadImages) object:nil];
    return 0;
}

-(BOOL)loadImages
{
    for (int i = int_current - 10, j = int_current + 10 ; !( i < 0 &&  int_total - 1 < j); --i, ++j) {
        if (!(i < 0)) {
            WQPhoto *photo_pre = [_scrollView.subviews objectAtIndex:i];
            WQAlbumPhoto *photoPre = [albumObject._photos objectAtIndex:i];
            [photo_pre setImage:photoPre.thumbnail4view];
        }
        if (!(int_total - 1 < j)) {
            WQPhoto *photo_next = [_scrollView.subviews objectAtIndex:j];
            WQAlbumPhoto *photoNext = [albumObject._photos objectAtIndex:j];
            [photo_next setImage:photoNext.thumbnail4view];
        }
    }
    return YES;
}