UITableViewCell clear background - Grouped UITableView

Question

I am trying to display my data in a grouped table as below :

enter image description here

As you can see I have cleared the background view for the table by writing the following code in viewDidLoad :

customerTable.backgroundView = nil;

Also in my xib I have cleared the background of my table.

In cellForRowAtIndexPath I have set the background color for each table cell.

cell.backgroundColor = [UIColor colorWithRed:255.0/255 green:235.0/255 blue:178.0/255 alpha:1];

As a result I am getting the above output.

The problem I am facing is the black corners I am getting in every cell. I know it has something to do with background of the cell but nothing is working for me. I also tried to clear the background of cell writing the following code line:

 cell.backgroundView = nil;

What happens if you set cell.backgroundColor = [UIColor clearColor]? Are the black corners still there? — Carter
– Carter, Commented Jul 21, 2011 at 17:30
No there are no corners now. But how do I get the background color of cell as I want to set and still get no corners? — Nitish
– Nitish, Commented Jul 21, 2011 at 17:34
You could try overriding how the cell is drawn or add another subview with rounded corners to the cell (while keeping the background color clear). How are you getting the rounded corners for the UITableViewCell? — Carter
– Carter, Commented Jul 21, 2011 at 17:39
I'm not sure why the black corners are coming up then, but instead of an image you could subclass UITableViewCell and draw a rounded rect instead of the basic drawing. That should let you control the corner roundness and the entire color of the cell while getting rid of the black corners. — Carter
– Carter, Commented Jul 21, 2011 at 17:55

Pierre · Accepted Answer · 2011-07-21 17:17:01Z

8

Try

 customerTable.backgroundColor = [UIColor clearColor]; customerTable.opaque = NO; customerTable.backgroundView = nil;

answered Jul 21, 2011 at 17:17

Pierre

11.8k5 gold badges53 silver badges83 bronze badges

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

4 Comments

Nitish Over a year ago

I have already mentioned that I have cleared the background of table in my xib.

mrueg Over a year ago

Setting opaque to NO is the key, I think.

Nitish Over a year ago

Hi guys. I had already tried all what Perrie has suggested before posting this question. Nothing worked for me.

Nitish Over a year ago

@Jolly : He is correct if it was table whose background I wanted to be clear. I have clearly mentioned, it is the cell inside the section of which I was worried about.

2 revs, 2 users 71% · Accepted Answer · 2016-07-27 10:55:18Z

Just try with it:

Set the cell background view to YourcellImage & cells background color to clear color.

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *CellIdentifier = @"Cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier]; if (cell == nil) { cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:CellIdentifier] autorelease]; [cell setBackgroundColor:[UIColor clearColor]]; UIImage *backgroundImage = nil; UIImageView *backgroundView = nil; backgroundImage = [UIImage imageWithContentsOfFile:[[NSBundle mainBundle]pathForResource:@"YourYellowCellImage"ofType:@"png"]]; backgroundView = [[UIImageView alloc]initWithImage:backgroundImage]; backgroundView.frame = CGRectMake(0, 0, 600, 80); // Over here give your cell size cell.backgroundColor = [UIColor clearColor]; cell.backgroundView =backgroundView; [backgroundView release]; } //Over your set your Label Value return cell; }

Aravindhan · Accepted Answer · 2011-07-21 17:24:16Z

0

Try this code.....

customerTable.separatorColor = [UIColor clearColor];

answered Jul 21, 2011 at 17:24

Aravindhan

15.6k10 gold badges58 silver badges72 bronze badges

Comments

Nitish · Accepted Answer · 2011-07-23 10:09:09Z

0

Try

- (void)tableView: (UITableView*)tableView willDisplayCell: (UITableViewCell*)cell forRowAtIndexPath: (NSIndexPath*)indexPath { cell.backgroundColor = [UIColor clearColor]; }

edited Jul 23, 2011 at 10:09

Nitish

14.1k31 gold badges142 silver badges271 bronze badges

answered Jul 23, 2011 at 6:37

Kumaran

6876 silver badges15 bronze badges

1 Comment

Nitish Over a year ago

This clears the background of cell. I want the color to be there but no black corners.

Suresh Varma · Accepted Answer · 2012-06-25 13:05:48Z

I was facing the same problem. And got to know It has nothing to do with cell's background.

The issue is with background of the tableview which causes this weird corners, So

self.tableview.backgroundColor = [UIColor clearColor];

in viewWillAppear will solve the issue :)

gdm · Accepted Answer · 2013-10-08 08:33:08Z

Clearing the background in the cellForRowAtIndex method should work

[cell setBackgroundColor:[UIColor clearColor]];

try also to clear the background in the viewWillAppear and if something weird happens, clear the project and rebuild.

Collectives™ on Stack Overflow

UITableViewCell clear background - Grouped UITableView

6 Answers 6

4 Comments

Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

Comments

Comments

1 Comment

Comments

Comments

Linked

Related