Adding image in tableview

[harikrsna]

for inserting images inside tableview i used below code:

UIImageView *imageView =[[UIImageView alloc]initWithFrame:CGRectMake(10,22, 50,50)];
[imageView setImage:[UIImage imageNamed:[imgArr objectAtIndex:indexPath.row]]];
[cell.contentView addSubview:imageView];



its working fine.but i don't know how to make outer box of image as mentioned in attached file.
Anyone code for me..
Thanks in advance...

[DemonikApe]

I did this a while ago for a project I was working on.. not sure if its the most efficient way... but should work.

    
    UIImageView *imageView =[[UIImageView alloc]initWithFrame:CGRectMake(10,22, 50,50)];
    [imageView setImage:[UIImage imageNamed:[imgArr objectAtIndex:indexPath.row]]];
    
    CALayer *s = [imageView layer];
    s.masksToBounds = YES;
    s.cornerRadius = 5.0; //To round corners, if you wanted.
    s.borderColor = [[UIColor darkGrayColor] CGColor];
    s.borderWidth = 1.0;
    
    [cell.contentView addSubview:imageView];

edit: Forgot to mention, if your going to use this your'l need to import QuartzCore.

  
#import <QuartzCore/QuartzCore.h>

[Duncan C]

Originally Posted by DemonikApe

I did this a while ago for a project I was working on.. not sure if its the most efficient way... but should work.

    
    UIImageView *imageView =[[UIImageView alloc]initWithFrame:CGRectMake(10,22, 50,50)];
    [imageView setImage:[UIImage imageNamed:[imgArr objectAtIndex:indexPath.row]]];
    
    CALayer *s = [imageView layer];
    s.masksToBounds = YES;
    s.cornerRadius = 5.0; //To round corners, if you wanted.
    s.borderColor = [[UIColor darkGrayColor] CGColor];
    s.borderWidth = 1.0;
    
    [cell.contentView addSubview:imageView];

edit: Forgot to mention, if your going to use this your'l need to import QuartzCore.

  
#import <QuartzCore/QuartzCore.h>

It is a VERY efficient way. You should avoid drawRect code for views that you place in a table view. Adding borders to the image view's layer is exactly what you should do.

[harrytheshark]

I was under the impression drawing the entire cell's contentView yourself in drawRect was the best way of doing things..?

[Duncan C]

Originally Posted by harrytheshark

I was under the impression drawing the entire cell's contentView yourself in drawRect was the best way of doing things..?

Quite the opposite.

Apple says all over the place to avoid overriding drawRect whenever possible.

If you have an overridden drawRect method, the system has to call it every time the view needs updating. It then has to copy what you've drawn over to the graphics hardware, for each frame. That makes animations sluggish.

If you let the system draw the control for you, it can render the contents to a bitmap once, install it to a tile in the graphics hardware, and then render it as needed, including moving, rotating, scaling, and other transformations.

[harrytheshark]

I've been using the drawRect method since Loren Britcher made that blog post about smooth scrolling in UITableViews and I've been getting 60FPS since then. It can't just be luck?

[harikrsna]

Originally Posted by DemonikApe

I did this a while ago for a project I was working on.. not sure if its the most efficient way... but should work.

    
    UIImageView *imageView =[[UIImageView alloc]initWithFrame:CGRectMake(10,22, 50,50)];
    [imageView setImage:[UIImage imageNamed:[imgArr objectAtIndex:indexPath.row]]];
    
    CALayer *s = [imageView layer];
    s.masksToBounds = YES;
    s.cornerRadius = 5.0; //To round corners, if you wanted.
    s.borderColor = [[UIColor darkGrayColor] CGColor];
    s.borderWidth = 1.0;
    
    [cell.contentView addSubview:imageView];

edit: Forgot to mention, if your going to use this your'l need to import QuartzCore.

  
#import <QuartzCore/QuartzCore.h>

Thank you very much..its working fine..

[Duncan C]

Originally Posted by harrytheshark

I've been using the drawRect method since Loren Britcher made that blog post about smooth scrolling in UITableViews and I've been getting 60FPS since then. It can't just be luck?

I just did a little digging, and I guess I overstated the issue. The issue is using drawRect and setNeedsDisplay to roll your own animation.

When you do that, it slows things down badly, as described above.

It sounds like using drawRect to draw static content is not a problem, because the system doesn't call your drawRect unless the contents change.

Take a look at this article:

What can I do to improve my image drawing performance?