Adding buttons inside UISearchBar

Question

enter image description here

I want to add a button (bar) inside a UISearchbar and another one just outside the UISearchbar as shown in the image. Any help on this appreciated.

Thanks in advance Naveen

rdurand · Accepted Answer · 2016-10-03T08:14:48.237

24

Edit :

As stated by @NicolasMiari in the comments :

This no longer works post-iOS 7, since the bookmarks button is rendered inside the bar's input text field.

For the button inside the search bar, you can use the bookmark button and change its image. You simply go to your storyboard (if you use one), select the search bar, and activate the option "Shows Bookmarks Button". Then, in your code, set the image you want :

[_searchBar setImage:[UIImage imageNamed:@"My-Custom-Image"] forSearchBarIcon:UISearchBarIconBookmark state:UIControlStateNormal];

You can detect a click on this button with the following delegate method :

- (void)searchBarBookmarkButtonClicked:(UISearchBar *)searchBar {

    NSLog(@"click");
}

edited Oct 03 '16 at 08:14

answered Apr 09 '14 at 14:35

rdurand

7,342
3
39
72

6

This no longer works post-iOS 7, since the bookmarks button is rendered **inside** the bar's input text field. – Nicolas Miari Nov 11 '15 at 11:11
1

This is working in iOS 10 and 11. See Swift 4 oneliner from Strat Aguilar: `searchBar.setImage(UIImage(named: "myImage"), for: UISearchBarIcon.bookmark, state: .normal)` – heyfrank May 07 '18 at 14:12

score 23 · Answer 2 · edited Nov 13 '18 at 19:14

Swift 4

class ViewController: UIViewController {

   var searchController = UISearchController(searchResultsController: nil)

   override func viewDidLoad() {
      searchController.delegate = self 
      searchController.searchBar.delegate = self 
      searchController.searchBar.showsBookmarkButton = true
      searchController.searchBar.setImage(UIImage(named: "myImage"), for: .bookmark, state: .normal)
   }

}

extension ViewController: UISearchBarDelegate {

   func searchBarBookmarkButtonClicked(_ searchBar: UISearchBar) {
      print("click")
   }

}

score 4 · Answer 3 · answered Apr 07 '15 at 13:39

The fastest way to add a button in UISearchBar is to update the bookmark button like this:

[self.searchDisplayController.searchBar setImage:[UIImage imageNamed:@"customImage.png"] forSearchBarIcon:UISearchBarIconBookmark state:UIControlStateNormal];

If you need to adjust the offset,

[self.searchDisplayController.searchBar setPositionAdjustment:UIOffsetMake(-10, 0) forSearchBarIcon:UISearchBarIconBookmark];

Don't forget to activate the option "Shows Bookmarks Button" in story board.

Adding buttons inside UISearchBar

3 Answers3

Edit :