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?

Answer 1

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];
}

Answer 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.

Answer 3

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()
    }
  }

Answer 4

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
    }
}