Adding images to UITableViewCell from an array of URL of images

Question

I have an array of URL of images, and i want to display the image of each URL on a separate cell of the UITableView. In my previous code i used:

    UIImageView *view_Image = [[UIImageView alloc]initWithFrame:CGRectMake(x, y, 400, 180)];

    view_Image.image = [UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:arrURL[i]]]];

This was inside a for loop such that the values of x,y and i would change for every UIImageView. However this approach does not work when i use this in cellForRowAtIndexPath. The images are not getting displayed, my implementation for cellForRowAtIndexPath is as:

-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
NSString *simpleIdentifier = @"simpleIdentifier";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleIdentifier];
if(cell == nil)
{
    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleIdentifier];
}

cell.textLabel.text = _arrNames[indexPath.row];

UIImageView *imv = [[UIImageView alloc]initWithFrame:CGRectMake(3,2, 300, 150)];
imv.image=[UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:arr[i]]]];

[cell.contentView addSubview:imv];
return cell;
}

Also when i directly add the URL of the image, the image is displayed in every row but the scrolling lags a lot. Any help will be appreciated. Thanks.

Use below link this will help you. stackoverflow.com/a/35455366/5934436 — DJ1
– DJ1, Commented Feb 17, 2016 at 12:19

Muhammad Noman · Accepted Answer · 2016-02-17 11:24:11Z

2

use sdwebimage library sdwebImage

answered Feb 17, 2016 at 11:24

Muhammad Noman

1,5761 gold badge15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DJ1 · Accepted Answer · 2016-02-17 11:39:58Z

1

USE CODE BELOW TO DOWNLOAD IMAGE IN BACKGROUND AND SET IT TO CELL'S IMAGEVIEW.

UIImageView *imv = [[UIImageView alloc]initWithFrame:CGRectMake(3,2, 300, 150)];
[imv sd_setImageWithURL:[NSURL URLWithString:arrURL[i]] placeholderImage:[UIImage imageNamed:@"placeholder.jpg"]];
[cell.contentView addSubview:imv];

I hope this will help you.

answered Feb 17, 2016 at 11:39

DJ1

94417 silver badges31 bronze badges

Comments

Dheeraj Kumar · Accepted Answer · 2016-02-17 11:25:36Z

0

Use this library, it will help you.

https://github.com/nicklockwood/AsyncImageView

it scrolls uitableview smoothly.

answered Feb 17, 2016 at 11:25

Dheeraj Kumar

5003 silver badges12 bronze badges

Comments

cnu · Accepted Answer · 2016-02-17 11:34:57Z

0

in cellForRowAtIndexPath, check for the availability of the image in the cache(first time it wont there anyway), assign it if present and start download if not present.

Once the download is complete, save the image in the cache and reload the tabeview, which inturn will call the cellForRowAtIndexPath, but this time image will be available in the cache.

I haven't covered all the edge cases like handling download failure, which I hope you will figure out.

answered Feb 17, 2016 at 11:34

cnu

4534 silver badges9 bronze badges

Comments

user5940280 · Accepted Answer · 2016-02-17 11:56:20Z

0

UIImageView *imv = [[UIImageView alloc]initWithFrame:CGRectMake(3,2, 300, 150)];
[imv sd_setImageWithURL:[NSURL URLWithString:arrURL[i]] placeholderImage:    [UIImage imageNamed:@"placeholder.jpg"]];
[cell.contentView addSubview:imv];

answered Feb 17, 2016 at 11:56

user5940280

Comments

Manish · Accepted Answer · 2016-02-17 12:41:47Z

0

You can use AFNetworking Library.

Import this header in your view controller

#import "UIImageView+AFNetworking.h"

Use below code to download image:

[imv setImageWithURLRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:model.imageURL]] placeholderImage:[UIImage imageNamed:@"placeholder_gallery.png"];

answered Feb 17, 2016 at 12:41

Manish

3154 silver badges12 bronze badges

Comments

Jagat Dave · Accepted Answer · 2016-11-28 07:34:43Z

You can download the library SDWebImage and then import it into your project.

#import "UIImageView+UIActivityIndicatorForSDWebImage.h"

and then write following code in your UITableView delegate method.

-(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
NSString *simpleIdentifier = @"simpleIdentifier";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:simpleIdentifier];
if(cell == nil)
{
    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:simpleIdentifier];
}

cell.textLabel.text = _arrNames[indexPath.row];
    NSURL *imgURL = [NSURL URLWithString:@"Your URL String"];

    [cell.imgView sd_setImageWithURL:imgURL placeholderImage:[UIImage imageNamed:@"no-image"] options:SDWebImageRefreshCached completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, NSURL *imageURL) {
        if (image) {
            cell.imv.image = image;
        }else{
            cell.imv.image = [UIImage imageNamed:@"no-image"];
        }
    }];

[cell.contentView addSubview:imv];
return cell;
}

May be this is helpful to you.

Collectives™ on Stack Overflow

Adding images to UITableViewCell from an array of URL of images

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related