UILabel background obscured when UITableViewCell is selected

Question

I have some UILabel inside a UITableViewCell with opaque background color and white text. When this cell is selected, the UILabel's bg color seems to be obscured by the blue bg color of the selected cell. The UILabel text, however, is showing fine. How do I get the background color of the UILabel to show on top of the cell selection color?

enter image description here

Did you find out solution for this ? I have similar problem. Let me know. I appreciate your help. — Deeps, Oct 11 '11 at 14:02
@Deeps, I ended up not relying on the built-in selected style. What I did was subclass `UITableCell`, then override `setSelected` and show/hide a `UIView` that acts as my background. — pixelfreak, Oct 12 '11 at 16:41

score 16 · Answer 1 · answered Aug 08 '11 at 23:41

16

Had this same issue in an multiple selection table view. Try setting the background color for those labels in -layoutSubviews. Worked for me.

answered Aug 08 '11 at 23:41

jdrama418

216
1
5

score 5 · Answer 2 · answered Dec 12 '11 at 23:36

Looks like the background color of labels is changed together with the background color of a row (animated). I just subclassed the UILabel and "protected" backgroundColor changes after I set the initial color:

@interface MyLabel : UILabel {
    BOOL isColorLocked;
}
@property (assign, nonatomic) BOOL isColorLocked;
@end

@implementation MyLabel
@synthesize isColorLocked;
- (void)setBackgroundColor:(UIColor *)backgroundColor {
    if (!isColorLocked) {
        super.backgroundColor = backgroundColor;
    }
}
@end

score 1 · Answer 3 · edited Jun 14 '14 at 05:33

1

@implementation CustomCell

//这样就行了啊。。

-(NSArray*)subviews{

    return nil;

}

@end

edited Jun 14 '14 at 05:33

Mohit Jain

30,259
8
73
100

answered Jun 14 '14 at 04:27

user3739679

11
1

score 1 · Answer 4 · answered Oct 27 '14 at 17:05

This one is shorter:

@interface MyLabel : UILabel
@end
@implementation MyLabel
- (void)setBackgroundColor:(UIColor *)backgroundColor {
    if (self.backgroundColor == nil) {
        [super setBackgroundColor:backgroundColor];
    }
}
@end

Sets background color once while awaking from Nib

score 1 · Accepted Answer · answered Jul 04 '11 at 10:08

1

http://giorgiocalderolla.com/2011/04/16/customizing-uitableviewcells-a-better-way/

answered Jul 04 '11 at 10:08

Dileep Reghu

879
7
6

it seems like the article recommended putting all your subviews inside a container UIView and just have a single subview in the UITableViewCell. Not sure how that would solve my issue, but I'm gonna give it a try. – pixelfreak Jul 04 '11 at 22:28
I guess, what I really have to do is code my own selected behavior...hmm...wish there's a more straightforward way. – pixelfreak Jul 04 '11 at 22:38

score 1 · Answer 6 · answered Aug 08 '11 at 23:52

1

Have you considered setting the cell selection style to none and overriding the cell's setHighlighted:(BOOL)highlighted method in a UITableViewCell subclass for better control? Reimplementing the blue background shouldn't be too difficult.

You can just set the cell view's background to blue (solid or a gradient) if highlighted = YES.

answered Aug 08 '11 at 23:52

mjisrawi

7,846
3
24
27

Overriding ```setHighlighted:animated:``` , saving the old bg and resetting it after ```super``` did the trick. – dwery Jan 16 '14 at 17:59

score 0 · Answer 7 · answered Mar 13 '13 at 19:14

0

You can set background color in

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

Worked for me.

answered Mar 13 '13 at 19:14

Pavel

642
7
13

this is called only when you lift the finger off the cell, while the background changes when you tap the cell – dwery Jan 16 '14 at 18:05

zsteed · Answer 8 · 2016-09-23T16:42:08.880

0

I know there are a bunch of answers on this old question. But to confirm the answer listed above works in iOS 10 here it is in swift.

override func layoutSubviews() {
 super.layoutSubviews()
 someLabel.backgroundColor = UIColor.orange
}

edited Sep 23 '16 at 16:42

answered Sep 23 '16 at 16:35

zsteed

97
2
6

Dileep Reghu · Answer 9 · 2011-07-04T07:21:32.140

0

remove selection color using

cell.selectionStyle = UITableViewCellSelectionStyleNone;

edited Jul 04 '11 at 07:21

answered Jul 04 '11 at 07:16

Dileep Reghu

879
7
6

1

But I do want to keep the color. I am trying to figure out a way for the UILabel background color to show on top of the selection color. – pixelfreak Jul 04 '11 at 08:25

score 0 · Answer 10 · edited May 23 '17 at 11:45

0

Try bringing your label to the front of the view.. you can do this by going to your custom cell .xib, clicking the label and going Editor, Arrangement, Bring to front.

To do that in code, its a little method.. Programmatically send to front/back elements created from interface builder

edited May 23 '17 at 11:45

Community

1
1

answered Jul 04 '11 at 08:25

Sam Jarman

7,277
15
55
100

Thanks. Tried it, they are already all in front, so this doesn't help. I am attaching image to clarify... – pixelfreak Jul 04 '11 at 08:29
Try setting the selection style to grey.. cell.selectionStyle = UITableViewCellSelectionStyleGray; – Sam Jarman Jul 04 '11 at 08:34
No effect. I set selection to grey and it behaves the same way :( – pixelfreak Jul 04 '11 at 08:39

score 0 · Answer 11 · answered Jul 04 '11 at 08:35

0

I have another hunch about this one, since you're setting the background color, and the cell is in the background of the view, and is a subview of that view.. there could be some weirdness going on there.

answered Jul 04 '11 at 08:35

Sam Jarman

7,277
15
55
100

UILabel background obscured when UITableViewCell is selected

11 Answers11