Implement UISearchController with Custom UIViewController Support in Swift 4.2

UISearchController with Custom UIViewController Support

Sometimes we need to use search suggestion within the same page that will show over the current screen for that we can use UISearchController with one Target Controller, for this follow these steps.

Here we are taking 2 controllers where one controller loads another controller over the screen.

1: Define First Controller:

Create A UIview On controller & create their outlet.

@IBOutlet weak var searchView: UIView!

1	@IBOutlet weak var searchView: UIView!

Now write this code on ViewDidLoad()

// Upper Search page
        let vc = storyboard?.instantiateViewController(withIdentifier: "TableViewControllerClass") as! TableViewControllerClass
        searchController = UISearchController(searchResultsController: vc)
        searchController.hidesNavigationBarDuringPresentation = true
        searchController.searchBar.searchBarStyle = .default
        searchController.searchBar.backgroundImage = UIImage()
        searchController.searchBar.layer.borderWidth = 2;
        searchController.searchBar.layer.borderColor = UIColor.clear.cgColor //UIColor().HexToColor(hexString: ACCENT_COLOR).cgColor
        searchController.searchResultsUpdater = vc
        searchController.searchBar.delegate = vc
        searchController.searchBar.backgroundColor = UIColor().HexToColor(hexString: ACCENT_COLOR)
        searchController.searchBar.barTintColor = UIColor().HexToColor(hexString: ACCENT_COLOR)
        self.searchView.addSubview(searchController.searchBar)
        searchController.delegate = self
        self.definesPresentationContext = true

// Upper Search page

let vc = storyboard?.instantiateViewController(withIdentifier: "TableViewControllerClass") as! TableViewControllerClass

searchController = UISearchController(searchResultsController: vc)

searchController.hidesNavigationBarDuringPresentation = true

searchController.searchBar.searchBarStyle = .default

searchController.searchBar.backgroundImage = UIImage()

searchController.searchBar.layer.borderWidth = 2;

searchController.searchBar.layer.borderColor = UIColor.clear.cgColor //UIColor().HexToColor(hexString: ACCENT_COLOR).cgColor

searchController.searchResultsUpdater = vc

searchController.searchBar.delegate = vc

searchController.searchBar.backgroundColor = UIColor().HexToColor(hexString: ACCENT_COLOR)

searchController.searchBar.barTintColor = UIColor().HexToColor(hexString: ACCENT_COLOR)

self.searchView.addSubview(searchController.searchBar)

searchController.delegate = self

self.definesPresentationContext = true

Note: here “TableViewControllerClass” is another UITableViewController class that will load when the user click on the search bar.

2:Define the TableViewControllerClass

class TableViewControllerClass: UITableViewController ,UISearchResultsUpdating,UISearchBarDelegate {

 func updateSearchResults(for searchController: UISearchController) {
        self.searchtext = searchController.searchBar.text ?? ""
        // it will call when you type any Text 
    }
    
    
    func searchBarCancelButtonClicked(_ searchBar: UISearchBar){
       // tap on cancel click
    }
    
    
    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
        // Click on search button on keyboard
        
    }


}

class TableViewControllerClass: UITableViewController ,UISearchResultsUpdating,UISearchBarDelegate {

func updateSearchResults(for searchController: UISearchController) {

self.searchtext = searchController.searchBar.text ?? ""

// it will call when you type any Text

}

func searchBarCancelButtonClicked(_ searchBar: UISearchBar){

// tap on cancel click

}

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {

// Click on search button on keyboard

}

Note: ” func updateSearchResults(for searchController: UISearchController)” this method will call every time when the user clicks on search bar & type on search bar so this method will help to reload the data or update the data in that controller.

Now it will look like this:

kunal prasad 25 October 2021

. . .

Implement UISearchController with Custom UIViewController Support in Swift 4.2

UISearchController with Custom UIViewController Support

1: Define First Controller:

2:Define the TableViewControllerClass

Now it will look like this:

Leave a Comment Cancel Reply

Message Sent!