UIView disappears when UITableViewCell is tapped

Question

In my iOS application I'm currently struggling with an issue on a custom UITableViewCell that I've designed in the storyboard.

The issue appears when I do tap on a table view row that is rendered using this particular UITableViewCell.

This is the default look of a row rendered with this UITableViewCell:

This is how it appears after I tap on it:

As you can see the green line is gone and remains invisible till the row is tapped. As soon as the row is released it comes back to default look and everything is fine.

This is what I was expecting to see:

This is the UITableViewCell structure as shown into the storyboard. RouteView is the green line UIView item:

I also add the attributes section of the storyboard for the UIView object:

I have a class attached to the UITableViewCell that handles layouts of the objects through IBOutlets, while the tap on the row is handled at UITableView level.

I change the background color of the UIView based on some conditions but it can be green, red and blue, never transparent. Is it something related to this?

How can I solve this issue? Thank you in advance.

@Rikh Nope. The function handling the tap event on the UITableViewCell it's called but right now but it is empty, no logic is executed. The problem should be somewhere at layout level I guess — LucioB, Jan 03 '17 at 14:19

score 3 · Accepted Answer · edited May 23 '17 at 12:09

I've managed to find a solution as described in this answer but in my case in obj-c.

Apparently what happens when a UITableViewCell gets selected or highlighted is that automatically all enclosing background-colors of views are removed (I think it is [UIColor clearColor]).

What I'm doing is taking the color of my views before doing the super method call to setSelected or setHighlighted and then immediately set the color as background.

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {

    // Gets route view background color before doing setSelected animation
    UIColor *routeViewBkgColor = self.routeView.backgroundColor;
    [super setSelected:selected animated:animated];

    // Set route view background color after setSelected animation
    self.routeView.backgroundColor = routeViewBkgColor;
}

- (void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated {

    // Gets route view background color before doing setSelected animation
    UIColor *routeViewBkgColor = self.routeView.backgroundColor;
    [super setHighlighted:highlighted animated:animated];

    // Set route view background color after setSelected animation
    self.routeView.backgroundColor = routeViewBkgColor;
}

In this way I'm 100% able to get the desired effect of keeping selection behaviour without losing the background color for all my views.

score 1 · Answer 2 · answered Jan 03 '17 at 16:22

Both of current answers are correct, but just in case you are working in Objective-C instead of swift.

You have to use cell.selectionStyle = UITableViewCellSelectionStyleNone;

Or, if you want to have efect of "click", than you have to use

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

[tableView deselectRowAtIndexPath:indexPath animated:YES];

}

Hope it helps! :-)

score 0 · Answer 3 · answered Jan 03 '17 at 16:12

0

You probably need to set the selection style of the cell to none. You can do this either programmatically as Nirav D mentioned or through your storyboard (see image).

answered Jan 03 '17 at 16:12

Kostas Tsoleridis

926
7
13

Like I said for @Nirav answer setting selectionStyle to none simply removes the selection effect from the row. Instead I want to keep it, but without losing the green line as explained in question. – LucioB Jan 05 '17 at 09:50

UIView disappears when UITableViewCell is tapped

3 Answers3