How to use UISearchController with UICollectionViewController

UIKit UISearchController

05 Jan 2023 . 2 min read       @gurjitpt


UISearchController is a view controller that displays search results with the help of search bar. The search controller correlate with search results controller to display the search results.


This article will teach you the fundamental building pieces for displaying search controller. In this article, we won't get too theoretical; instead, you can visit the official website to learn more about UISearchController.


Getting Started

1. Go to the main storyboard and select collection view controller then enable section header.


Generic placeholder image

2. Next, drag the search bar from the objects library into the section header of collection view.



Generic placeholder image


3. Optionally, you can add spacing to search bar with the help of constraints.



Generic placeholder image

4. Set the reusable view identifier to FlickrSearchBar in the Attributes inspector after selecting a collection reusable view.



Generic placeholder image

5. Let's create a new subclass of UICollectionReusableView to provide the UISearchController more capabilities.



Generic placeholder image

6. Add the class FlickrSearchReusableView to the search reusable view in the identity inspector.


Generic placeholder image

7. Add the search bar outlet.



Generic placeholder image

8. Connect the search bar delegate to collection view.

Generic placeholder image

9. Finally, conform to the UISearchBarDelegate protocol and implement following method.



extension FlickrCollectionViewController: UISearchBarDelegate {

    override func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
        let searchBarView: UICollectionReusableView = collectionView.dequeueReusableSupplementaryView(ofKind: UICollectionView.elementKindSectionHeader, withReuseIdentifier: "FlickrSearchBar", for: indexPath)
        return searchBarView
    }
}


Congratulation🎉 you have successfully created search controller to perform search results in your app.


Related articles:


Don’t hesitate to contact me if you have any questions or queries. Follow me on twitter @gurjitpt for any updates.

Thanks!


Share this article


Generic placeholder image

WRITTEN BY

Gurjit Singh

I’m Computer Science graduate and an iOS Engineer who writes about Swift and iOS development. Follow me on twitter @gurjitpt for more updates.


Next Posts

How to use enum in Swift Empty space for void

Enumerations (enum) enables you to write code in a type safe way. Enum is very useful while defining common type of values. You don't have to provide...

Mar 7, 2023 . 2 min read     Swift Enum

Read More »

Optional unwrapping syntax in Swift 5.7 Empty space for void

Optional unwrapping is one of the most used patterns in iOS development. Swift 5.7 introduces new features included a new way to unwrap optional values...

Jun 14, 2022 . 2 min read     Optional unwrapping

Read More »

Property observers in Swift Empty space for void

It's a common pattern or technique in various programming languages when we want to perform some action when a value is changed. Property ...

May 24, 2021 . 2 min read     Property Observers

Read More »