How to Set TableViewCell Focus colour in tvOS

Question

Default focus color of UITableViewCell is white colour. How can we change the focus colour of UITableView cell?

Leszek Szary · Answer 1 · 2018-07-07T16:43:05.653

You can set this as in the code below:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    // ...
    cell.focusStyle = UITableViewCellFocusStyleCustom;
    // ...
    return cell;
}

- (void)tableView:(UITableView *)tableView didUpdateFocusInContext:(UITableViewFocusUpdateContext *)context withAnimationCoordinator:(UIFocusAnimationCoordinator *)coordinator
{
    if ([context.previouslyFocusedView isKindOfClass:[UITableViewCell class]])
        context.previouslyFocusedView.backgroundColor = [UIColor clearColor];
    if ([context.nextFocusedView isKindOfClass:[UITableViewCell class]])
        context.nextFocusedView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.3];
}

Sankalap Yaduraj Singh · Answer 2 · 2015-12-10T05:43:24.297

2

It is a swift code. Please convert to Objective-C and try it. It maybe help you.

override func didUpdateFocusInContext(context: UIFocusUpdateContext, withAnimationCoordinator coordinator: UIFocusAnimationCoordinator) {

if let nextFoc = context.nextFocusedView as? YourCellName{

       nextFoc.backgroundColor = UIColor.redColor()

}

if let prevFocus = context.previouslyFocusedView as? YourCellName{

        prevFocus.backgroundColor = UIColor.clearColor()

}

Look it a screen shot.

edited Dec 10 '15 at 05:43

answered Dec 08 '15 at 11:22

Sankalap Yaduraj Singh

1,167
2
14
32

Tried same in Objective C... but still the focus colour of cell does not change – GAURAV VIG Dec 09 '15 at 14:19
Where did you write this code, on my side it's working properly. You will write this code into the custom cell class. – Sankalap Yaduraj Singh Dec 10 '15 at 05:33
Custom cell background changes...but the default focus style animation of tableviewcell(parallax) goes away. – GAURAV VIG Dec 10 '15 at 09:13
Look it this link may be help you. http://stackoverflow.com/questions/31373775/swift-how-do-i-create-a-parallax-effect-in-uitableview-with-uiimageview-in-thei – Sankalap Yaduraj Singh Dec 11 '15 at 14:40
2

Thanks for the help... I found one more solution to it. I added a view on custom cell and mapped it to cell background view. So when tableview focus update method is called i just change the background view colour...then the colour changes with default tableviewcell parallax animation – GAURAV VIG Dec 12 '15 at 03:02
@GAURAVVIG Thanks, I had the same problem and your last solution works perfectly. – jabu.10245 Dec 14 '15 at 06:50

score 1 · Answer 3 · answered Feb 19 '16 at 22:46

If you want to maintain the fancy parallax cells you can first set a background view on your custom cell:

self.backgroundView = UIView()

And in your viewcontroller with the tableview do something like this:

  func tableView(tableView: UITableView, didUpdateFocusInContext context: UITableViewFocusUpdateContext, withAnimationCoordinator coordinator: UIFocusAnimationCoordinator) {
    (context.nextFocusedView as! MyCustomTableviewCell).backgroundView!.backgroundColor = UIColor.purpleColor()
    if let prev = context.previouslyFocusedView as? MyCustomTableviewCell {
      // Set the color back to whatever it was, in this case I have a black background with black cells
      prev.backgroundView?.backgroundColor = UIColor.blackColor()
    }
  }

score 1 · Answer 4 · answered Nov 17 '16 at 06:09

If you are using custom tableViewCell, then you can use the delegate method of the tableViewCell as below,

- (void)didUpdateFocusInContext:(UIFocusUpdateContext *)context withAnimationCoordinator:(UIFocusAnimationCoordinator *)coordinator
{
    if (self.focused)
    {
        [self showHighlightedCellStyle];//set highlighted bg color
    }
    else
    {
        [self showNormalCellStyle];//reset the bg color
    }
}

How to Set TableViewCell Focus colour in tvOS

4 Answers4