UITableView Image

Question

I am trying to set up a png image as the background of a table. The following code is okay! But only on the iPhone Simulator. If I try to run the application on the iPhone, the background of the tableview will remain white (or clear). What you do is what I was trying to set the background color about. I tried many ways until the next, but everyone has the same problem.

self.tableView.backgroundColor = [UIColor clearColor]; self.tableView.opaque = NO; self.tableView.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"TableViewBackground.png"]]; 

Thank you in advance!

Answer 1

Please use the following code.

 UIImageView *tempImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"TableViewBackground.png"]]; [tempImageView setFrame:self.tableView.frame]; self.tableView.backgroundView = tempImageView; [tempImageView release]; 

Thank,

Answer 2

I think this approach is cleaner:

 UIColor *background = [[UIColor alloc] initWithPatternImage:[UIImage imageNamed:@"TableBackground.jpg"]]; self.tableView.backgroundColor = background; [background release]; 

Answer 3

Is your image actually named TableViewBackground.PNG (pay attention to capitals)? You need the case to match exactly on the iOS device, while it does not need to exactly match the Simulator.

Answer 4

Simple quick version will be

 let tempImageView = UIImageView(image: UIImage(named: "yourImage")) tempImageView.frame = self.tableView.frame self.tableView.backgroundView = tempImageView; 

Answer 5

  UIImageView *tempImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"TableViewBackground.png"]]; [tempImageView setFrame:self.tableView.frame]; self.tableView.backgroundView = tempImageView; [tempImageView release]; 

This works great. Thanks to Jona Rabbi

Answer 6

A subclass of IBDesignable tableview that allows you to attach an image from the interface constructor

 import UIKit @IBDesignable class DesignableTableView: UITableView { @IBInspectable var backgroundImage: UIImage? { didSet { if let image = backgroundImage { let backgroundImage = UIImageView(image: image) backgroundImage.contentMode = UIViewContentMode.ScaleToFill backgroundImage.clipsToBounds = false self.backgroundView = backgroundImage } } } } 

Answer 7

 [TableView setBackgroundView:nil]; [TableView setBackgroundView:[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"apple.png"]] ]; 

Answer 8

This works great, also if you want to use an image for your background.

 UIImage *image = [UIImage imageNamed:@"something.png"]; self.tableView.backgroundView = nil; self.view.backgroundColor = [UIColor colorWithPatternImage:image]; 

Answer 9

A bit late, but maybe for everyone else looking for a solution. I could get this working using the following code in the viewDidLoad method of the UITableViewController :

 self.parentViewController.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"background.png"]]; self.tableView.backgroundColor = [UIColor clearColor]; 

or using only the background color:

 self.parentViewController.view.backgroundColor = [UIColor scrollViewTexturedBackgroundColor]; self.tableView.backgroundColor = [UIColor clearColor]; 

It took me a while to figure this out, but now it works like a charm.

Answer 10

Objective-c version:

 cell.backgroundColor = [UIColor clearColor]; 

Also see this: How to create a UITableViewCell with a transparent background

Answer 11

 UIImageView *imageviewTemp = [[UIImageView alloc] init]; [(UIImageView *)imageviewTemp sd_setImageWithURL:[NSURL URLWithString:self.stringOfPassedImage]]; [imageviewTemp setFrame:self.tableView.frame]; self.tableView.backgroundView = imageviewTemp;