Apple TV: Search bar with keyboard and filters

Question

I'm implementing a Search feature for my app for AppleTV. I was wondering if anyone knows how to implement for apple tv this search bar with keyboard + filtering (as screenshot bellow). I found that the Music App for apple tv enable us to filter the search by "All Apple Music" and "Library" I'm not finding any reference and documentation "How to implement" this feature. Any code sample, documentation?

I don't need any suggestion feature, so for now I just have the search bar (with keyboard) and showing the results as collection view.

score 0 · Accepted Answer · edited Sep 08 '21 at 10:05

I found the solution!!

Since I didn't find many information specific for apple tv about this feature I'm letting here the solution could help someone :)

We need to use the scope buttons

example code:

...
searchBar.scopeButtonTitles = ["Button 1", "Button 2"]
searchBar.showsScopeBar = true
searchBar.delegate = self
...

extension SearchViewController: UISearchBarDelegate {
    ...
    func searchBar(_ searchBar: UISearchBar, selectedScopeButtonIndexDidChange selectedScope: Int) {
       print("clicked: \(selectedScope)")
    }
 }

UISearchBar doc

scopeButtonTitles doc

Search bars UI doc

Apple TV: Search bar with keyboard and filters

1 Answers1