Circle View is gone when press UITableViewCell

Question

In UITableViewCell's contentView, I have put a UIView and set its layer cornerRadius to half of its height to make it a circle.And set its color to red. When I run it and press the UITableViewCell,the red circle becomes transparent.

Before press the cell.

After press the cell.

Where goes wrong,I think it is something to do with cornerRadius.Can anyone help me?

score 1 · Answer 1 · edited May 23 '17 at 11:44

As I have answered here :

UITableViewCell changes the background color of all sub views when cell is selected or highlighted.

I have adapted my previous answer for your question

You have three options :

If you don't want any selection style

cell.selectionStyle = UITableViewCellSelectionStyleNone;

Subclass UITableViewCell and overriding Tableview cell's setSelected:animated and/or setHighlighted:animated like Leo answered

Add the circle as a layer

CALayer* layer = [CALayer layer];
layer.frame = CGRectMake(10, 10, 30, 30);
layer.backgroundColor = [UIColor redColor].CGColor;
layer.cornerRadius = 20/2.0f;
[cell.contentView.layer  addSublayer:layer];

score 0 · Accepted Answer · answered Jul 23 '15 at 02:10

Because UITableviewCell change the view background color when selected.

You need to subclass the UITableviewCell,and change the backgroundcolor back

Screenshot

Code

class CustomCell:UITableViewCell{
override func setHighlighted(highlighted: Bool, animated: Bool) {
    super.setHighlighted(highlighted, animated: animated)
    let view = self.viewWithTag(10) //The tag of this view is 10
    view?.backgroundColor = UIColor.redColor()
}
override func setSelected(selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)
    let view = self.viewWithTag(10)
    view?.backgroundColor = UIColor.redColor()
}
}

Circle View is gone when press UITableViewCell

2 Answers2