如何在iPhone中的UIScrollView内动态添加图像

时间:2013-03-14 09:48:22

标签: ios sdk uiscrollview uiimage

在我的iPhone应用程序中,我从Web服务器获取大约300个图像URL,我需要以3x3行和列格式显示UIScrollView上的所有图像。一旦我从Web服务器获取所有URL,将它们转换为UIImage并显示图像。一切正常,但是在加载200个图像应用程序崩溃后,我已经阅读了很多内容与UIScrollView有关的问题,所以我们如何处理这个问题。我也读过苹果文档,但不清楚。

6 个答案:

答案 0 :(得分:1)

这是解决方案,我在我的应用程序中实现了它。这是我的代码 sv_port是我的scrollView。 下载SDWebImageDownloader类文件并将其导入项目中。在项目中添加相关框架。像imageIO.framework,QuartzCore

现在,在你的.m添加

#import "UIImageView+WebCache.h"
#import "SDImageCache.h"
#import "SDWebImageCompat.h"

//function for adding image in your scrollview
-(void)populateImages
{
int x=6,y=6;

for(UIView * view in sv_port.subviews){
    if([view isKindOfClass:[UIImageView class]])
    {
        [view removeFromSuperview]; view = nil;
    }
    if([view isKindOfClass:[UIButton class]])
    {
        [view removeFromSuperview]; view = nil;
    }
}

for(int p=0;p<[Manufacturer count];p++)
{
    UIButton *btnImageButton = [UIButton buttonWithType:UIButtonTypeCustom];
    btnImageButton.frame = CGRectMake(x,y,70,70);
    [btnImageButton setTag:p];
    [btnImageButton addTarget:self action:@selector(nextview:) forControlEvents:UIControlEventTouchUpInside];

    UIActivityIndicatorView *spinny = [[UIActivityIndicatorView alloc] initWithActivityIndicatorStyle:UIActivityIndicatorViewStyleGray];
    spinny.frame=CGRectMake(btnImageButton.frame.origin.x+25,btnImageButton.frame.origin.y+25, 20, 20);
    spinny.backgroundColor=[UIColor clearColor];
    [spinny startAnimating];

    [sv_port setScrollEnabled:YES];
    [sv_port addSubview:spinny];

    UIImageView *asyncImageView = [[[UIImageView alloc] initWithFrame:btnImageButton.frame] autorelease];
    asyncImageView.backgroundColor=[UIColor clearColor];
    CALayer *layer;
    layer = asyncImageView.layer;
    layer.borderWidth = 0.5;
    layer.cornerRadius = 5;
    layer.masksToBounds = YES;


     [asyncImageView setImageWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@", yourUrl] ]   placeholderImage:[UIImage imageNamed:nil] options:0 andResize:CGSizeMake(btnImageButton.frame.size.width,btnImageButton.frame.size.height) withContentMode:UIViewContentModeScaleAspectFit];
    asyncImageView.contentMode = UIViewContentModeScaleAspectFit;

    [sv_port addSubview:btnImageButton];
    [sv_port addSubview:asyncImageView];
    int imgCntPort=0;

    imgCntPort=(sv_port.frame.size.width/(asyncImageView.frame.size.width));

    ////NSLog(@"imgport %d",imgCntPort);
    if((p+1)%imgCntPort==0)
    {
        x=5;
        y=y+80;
    }
    else
    {
        x=x+80;
    }
}
sv_port.contentSize = CGSizeMake(0, y);
glob_x =0; glob_y =y;
}
希望它有所帮助..

答案 1 :(得分:1)

-(void)scrollimage
{
    [AsyncImageLoader sharedLoader].cache = nil;
    NSArray *viewsToRemove = [_scrollview_gallary subviews];
    for (UIView *v in viewsToRemove) {
        [v removeFromSuperview];
    }

    CGFloat width =_scrollview_gallary.bounds.size.width;

    _scrollview_gallary.contentSize=CGSizeMake(width*[tmpArr count]-1, 360);
    [_scrollview_gallary setShowsHorizontalScrollIndicator:NO];
    [_scrollview_gallary setShowsVerticalScrollIndicator:NO];
    int x=0;
    int y=0;
    for (int i=0; i<[tmpArr count]; i++)
    {
        AsyncImageView *imgv;
        imgv =[[AsyncImageView alloc] initWithFrame:CGRectMake(x,y,width,360)];
        imgv.contentMode = UIViewContentModeScaleToFill;
        imgv.activityIndicatorStyle = UIActivityIndicatorViewStyleWhite;
        NSString *strimag=[NSString stringWithFormat:@"%@",[tmpArr objectAtIndex:i]];
        imgv.imageURL=[NSURL URLWithString:[tmpArr objectAtIndex:i]];
        [_scrollview_gallary addSubview:imgv];
        x=x+width;
    }
    _pageview.numberOfPages=([tmpArr count]);
    _scrollview_gallary.pagingEnabled = YES;
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    int page;
    CGFloat pageWidth = _scrollview_gallary.frame.size.width;
    page = floor((_scrollview_gallary.contentOffset.x - pageWidth / 2) / pageWidth) + 1;
    self.pageview.currentPage = page;

}

答案 2 :(得分:0)

我的印象是您一次下载所有300张图片并保留在内存中并添加到UIScrollView ..

有一种名为LazyLoad的技术,意思是不要一次加载所有图像,将其加载到队列中。

您可以参考此链接http://lazyloadinginuiscrollviewiniphone.blogspot.in/2011/12/iphone-uiscrollview-lazy-image-loading.html它可能有助于您顺利完成任务......

一切顺利。

答案 3 :(得分:0)

如果要以Gridview格式显示图像,则可以使用PSTCollectionView。对于图像的延迟加载,您可以使用SDWebImage

答案 4 :(得分:0)

您是否正在发布不再可见的元素? UITableView做到了(这就是Sandro建议的原因)。 您的UIScrollView实现应该这样做。

对于考虑到这一点的网格实施,您还可以考虑使用UICollectionViewGMGridView

答案 5 :(得分:-1)

我不明白为什么你所做的是一个问题。可能是你有记忆问题。在那种情况下,模拟器和设备结果应该是不同的。

如果这是内存问题,则应使用tableview而不是滚动视图。在每个表视图单元格中放置3个图像,这应该可以解决问题。

CDT