Light gray background in "bounce area" of a UITableView

Answer 1

Wouldn't that be the background of the view showing through? Have you tried coloring that?

Answer 2

I don't think you want to override drawRect. Most likely what you're seeing is the background colour of another view or the window, which lies "behind" (i.e. is a superview of) the table view. There's usually a fairly complex layers of UIViews in Apple's UI widgets. Explore the view hierarchy in GDB, look at [myView superview] and then [someSuperView subviews] and try manipulating their BG colours in the debugger to see if you can find which one it is. However, if you implement a fix this way, be warned that it may not be future compatible.

You might also try setting the BG colour of one of the views behind the tableview in Interface Builder (or of the window itself).

Answer 3

If you are using a tableviewcell, you can set the view background to be opaque white. Then use

self.tableView.backgroundColor = [UIColor grayColor];

in the view did load method.

Answer 4

I'm sure that that is [UITableView backgroundColor]. You have affected rows, because rows have backgroundColor == clear (or semi-transparent). So, If you'll make rows non-trasparent, all will work fine. This will be solution.

Answer 5

I've only found one way to do this. You have to set the backgroundColor of the UITableView to be transparent, set the backgroundColor of the cell's contentView to whatever colour you want the actual cells to be, then crucially you have to get the light grey colour to appear behind the UITableView. That last step you can do by either setting the backgroundColour of the UIWindow, or of whatever is containing or your tableViewController.

So, assuming you have a view controller that is derived from UITableViewController, insert these lines in the -(void)viewDidLoad method:-

// sets the background of the table to be transparent
self.tableView.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.0];
// assuming we are inside a navigation or tab controller, set the background
self.parentViewController.view.backgroundColor = [UIColor lightGrayColor];

Then inside the part of tableView:cellForRowAtIndexPath: that creates new cells, add:-

// set an opaque background for the cells 
cell.contentView.backgroundColor = [UIColor whiteColor];

Answer 6

Setting transparencies is bad for performance. What you want is the gray area above the search bar, but it should still be white beyond the end of the list.

You can add a subview to your UIListView that lives above the content instead.

CGRect frame = self.list.bounds;
frame.origin.y = -frame.size.height;
UIView* grayView = [[UIView alloc] initWithFrame:frame];
grayView.backgroundColor = [UIColor grayColor];
[self.listView addSubview:grayView];
[grayView release];

You could add more fancy stuff to the view if you like, perhaps a fade, or a divider line without subclassing UISerchBar.

Answer 7

This is one of my very favorite tricks.

UIView *topview = [[[UIView alloc] initWithFrame:CGRectMake(0,-480,320,480)] autorelease];
topview.backgroundColor = [UIColor colorWithRed:226.0/255.0 green:231.0/255.0 blue:238.0/255.0 alpha:1];

[self.tableView addSubview:topview];

Basically you're creating a big view the size of the screen and placing it "above" the content area. You'll never be able to scroll up past it.

And don't worry about the memory impact of a UIView that's 320x480 pixels, it won't consume any significant memory because the CALayer doesn't have any meaningful content.

Answer 8

I followed the tip outlined by Peylow, for a UITableView, by simply adding a subview. My only change from the code was to grab a color a bit closer to the one used in Apple apps, plus I got it a bit closer to Apple's look of having a line above the UISearchbar by reducing the frame origin y coordinate by one pixel:

frame.origin.y = -frame.size.height - 1