How to move focus at button in collectionview cell in tvos application?

Question

I am working on apple TV application. In my app, I have made a screen which has a collection view. In that case, I am able to move focus at collection view cell but not able to move focus to the button which is in collection view cell so can anyone help me to solve this issue ?

please give me an answer if anyone knows this answer.

Focus means in tv os application whenever focus move then you can able to click up to the button. — vikas prajapati, Nov 25 '16 at 05:35
@Karthick yes, I am able to interaction with collection view cell but in my application buttons are in collectionViewCell so how i click them? — vikas prajapati, Nov 25 '16 at 09:11
What are the elements you have in your collection view cell? — Karthick Selvaraj, Nov 25 '16 at 09:29
@Karthick two buttons , two labels and one image view are in collection view cell. — vikas prajapati, Nov 25 '16 at 09:57
you need to at UIFocusGuide object in viewDidload that will allow user to move focus accordingly — sschunara, Nov 25 '16 at 11:16

score 3 · Accepted Answer · answered Dec 20 '16 at 04:45

I am able to solve this problem by adding below methods in collectionViewCell subclass.

In CollectionViewCell Subclass

override var preferredFocusEnvironments: [UIFocusEnvironment]{
    // Condition
}
override func shouldUpdateFocus(in context: UIFocusUpdateContext) -> Bool {
    // Condition
}
override func didUpdateFocus(in context: UIFocusUpdateContext, with coordinator: UIFocusAnimationCoordinator) {
    // Condition
}

you can see more at this link: enter link description here.

it's not working like expected, first it focused the first button, then second button and then lastly the cell... This is not correct UX. — MGY, Feb 16 '18 at 10:35

score 1 · Answer 2 · edited May 23 '17 at 12:17

I think this page will guide to achieve what you want. https://developer.apple.com/library/content/documentation/General/Conceptual/AppleTV_PG/WorkingwiththeAppleTVRemote.html#//apple_ref/doc/uid/TP40015241-CH5-SW4

It give good explaination of how focus engine will decide which object should get next focus. Below is great explanation step by step at above link.

Here is an example showing how focus might be determined:

The focus engine asks the root window for its preferredFocusedView, which returns its root view controller’s preferredFocusedView object.
The root view controller, a tab view controller, returns its select view controller’s preferredFocusedView object.
The select view controller overrides its preferredFocusedView method to return a specific UIButton instance.
The UIButton instance returns self(the default), and is focusable, so it is chosen by the focus engine as the next focused view.

You have to override the preferredFoucsedView property of your UIView or UIViewController.

override weak var preferredFocusedView: UIView? {
    if someCondition {
        return theViewYouWant
    } else {
        return defaultView
    }
}

Thanks to Slayter's answer

How to move focus at button in collectionview cell in tvos application?

2 Answers2

In CollectionViewCell Subclass