How to use UISearchController with UICollectionViewController

UIKit UISearchController

05 Jan 2023 . 2 min read


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.


More 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



Written By

Generic placeholder image

Gurjit Singh

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


Discover articles by topics

SwiftUI Class Struct Networking XCode NSCache Enum Optionals Property Observers Closures Guard Reviews StoreKit App Store Algorithms Testing Operators Protocol Extensions Weak Unowned SwiftData WWDC23 GCD API Admob SwiftLint Lottie Foreach Objective-C UIKit NavigationSplitView

Related Articles


Deep Dive into Autorelease Pools in Swift

In the realm of software development, memory management plays a crucial role in ensuring the efficient allocation and deallocation of memory...

2024-01-28 . 4 min read     Swift Autorelease

Read More »

Swift enum equatable: with or without associated values

Swift enums provide a powerful way to model a set of related values. Enums can be equipped with associated values, allowing them to represen...

2024-01-24 . 3 min read     Swift Enums

Read More »

How to create Date Picker in SwiftUI

Use a DatePicker when creating a view that enables users to choose both a calendar date and, if needed, a specific time.In SwiftUI, you can ...

2024-01-16 . 2 min read     SwiftUI DatePicker

Read More »

Getting started with Swiftlint to enforce Swift style

SwiftLint is a tool that ensures Swift code adheres to defined style guidelines. It automates code review by identifying and suggesting impr...

2023-12-29 . 4 min read     Swift SwiftLint

Read More »

How to use Lottie animation in SwiftUI

Lottie is a fantastic tool for incorporating high-quality animations into your SwiftUI projects. There are several ways to add Lottie to pro...

2023-12-13 . 2 min read     SwiftUI Lottie

Read More »

How to get index in Foreach in SwiftUI

In SwiftUI, the ForEach is used to iterate over a collection of data and create views dynamically based on that data....

2023-12-07 . 3 min read     SwiftUI ForEach

Read More »