I added a UISearchController in the navigation bar. But it has this extra top padding which I don't want. I used UIsearchController instead of a UITextField because I need its searchResultsController. Is there a way to remove the extra space, or a way to copy the searchResultsController behavior with UITextField. I created the view programmatically btw.
override func viewDidLoad() {
setupSearchBar()
}
func setupSearchBar(){
let searchController = UISearchController(searchResultsController: ResultController)
searchController.searchResultsUpdater = self
searchController.searchBar.placeholder = "Search"
navigationItem.searchController = searchController
navigationController?.navigationBar.backgroundColor = .yellow
}
Set 'automaticallyAdjustsScrollViewInsets' to false
Setting the automaticallyAdjustsScrollViewInsets value to false
Related
I need to show large navigation title while search with searchBar, but when I'm clicking on Searchbar or starting to type my NavigationTitle is replaced with SearchBar. I checked methods for navigationItem and didn't find any suitable.
Does anybody know how can we always show title, even while searching?
Here is my code
class FavouriteVC: UIViewController {
let searchController = UISearchController(searchResultsController: nil)
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .white
navigationController?.navigationBar.prefersLargeTitles = true
navigationItem.title = "Favourite"
navigationItem.searchController = searchController
navigationItem.largeTitleDisplayMode = .always
}
}
And here are shots
screen with NavTitle
screen without NavTitle
Seems like UISearchController has a hidesNavigationBarDuringPresentation that prevents the navigation bar from hiding when set to false
Include:
searchController.hidesNavigationBarDuringPresentation = false
in your viewDidLoad and if I've understood your issue right, this should do what you need.
I have a tableView containing a list. I use a searchbar to filter the data. When I touch chararcter in the search text, I can display filtered datas and the searchbar stay at the top when I scroll. But, if I don't use it (searchbar is empty), when I scroll, the searchbar is the first line of the list and disappear when I scroll down. You can find a part of code there :
class Liste*****Active: UIViewController, UITableViewDelegate, UITableViewDataSource, UISearchResultsUpdating,
UISearchBarDelegate,RecupListe*****ModelProtocol {
let searchController = UISearchController(searchResultsController: nil)
override func viewDidLoad() {
super.viewDidLoad()
searchController.searchResultsUpdater = self
searchController.dimsBackgroundDuringPresentation = false
definesPresentationContext = true
ListeTab*****.tableHeaderView = searchController.searchBar
self.ListeTab*****.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
}
func updateSearchResults(for searchController: UISearchController) {
// If we haven't typed anything into the search bar then do not filter the results
if searchController.searchBar.text! == "" {
filtered*****s = feedItems
} else {
// Filter the results
filtered*****s = feedItems.filter { ($0 as! *****Model).nom*****!.lowercased().contains(searchController.searchBar.text!.lowercased()) } as! [*****Model] as NSArray
}
self.ListeTab*****.reloadData()
}
Nothing is defined in storyboard.
Did I forgot part of code ?
Thanks
Given your search bar is embedded in navigation bar, you need to override this behavior:
navigationItem.hidesSearchBarWhenScrolling = false
Update
You use searcher as table header.
ListeTab*****.tableHeaderView = searchController.searchBar
So that's basically an issue -- your search bar is part of the table content that's why it's getting scrolled. To avoid that you need to get your search bar out of the tableView.
Possible solutions:
Embedding searchBar into the navigation controller header view.
Adding a searchBar as a separate view on top of the table view in the view hierarchy
I embedded a viewcontroller(BlueViewController) in a navigation controller.
the blueViewController has a UISearchController that set as the blueViewController's tableView headerView.
the searchController works fine except when it's active, it shift up and hide behind the UINavigationController(or somewhere)
I've tried to add the search controller's searchBar as a subview to the viewController, or positions a UIView and assigned the searchBar to that UIView, none of these works
I have tried this link, doesn't work
Strange UISearchDisplayController view offset behavior in iOS 7 when embedded in navigation bar
here is the searchController in BlueViewController
let searchController:UISearchController = {
let controller = UISearchController(searchResultsController: nil)
controller.hidesNavigationBarDuringPresentation = false
controller.obscuresBackgroundDuringPresentation = false
controller.searchBar.inputAssistantItem.leadingBarButtonGroups = []
controller.searchBar.inputAssistantItem.trailingBarButtonGroups = []
return controller
}()
In viewDidLoad
searchController.searchResultsUpdater = self
searchController.obscuresBackgroundDuringPresentation = false
definesPresentationContext = true
you can also find entire project here
https://github.com/QiquanLu/TestNavigationWithSearchController
Any hint would be appreciated, thanks!
For iOS 11 and above, you should be setting the searchController property on BlueViewController's navigationItem like so:
override func viewDidLoad() {
super.viewDidLoad()
navigationItem.searchController = searchController
}
Don't add it as the tableView's header.
I have UITableViewController where i was adding UISearchController searchbar as an headerView and I have changed this to navigationItem.searchcontroller for iOS 11 in iOS 11 searchbar won't appear at all even navigationItem was present.
if don't use this searchbar UI is going for toss. Please suggest me what was i am doing wrong here.
let searchController = UISearchController(searchResultsController: vc)
searchController.searchBar.scopeButtonTitles = ["All", "images", "videos", "others"]
searchController.dimsBackgroundDuringPresentation = false
// Don't remove these two lines then search bar alignment issue will raise
self.extendedLayoutIncludesOpaqueBars = true
self.searchController.searchBar.isHidden = false
definesPresentationContext = false
if #available(iOS 11.0, *) {
self.navigationItem.searchController = searchController // not working for me.
searchController?.hidesNavigationBarDuringPresentation = false
navigationItem.hidesSearchBarWhenScrolling = false
} else {
searchController?.hidesNavigationBarDuringPresentation = true
searchController?.searchBar.sizeToFit()
tableView.tableHeaderView = searchController.searchBar
}
List of issues are
on iOS 11 with UI goes wrong as attached image if add UISearchbar to header view
if I try add to navigation item as mentioned in the code it is not appearing
As i am using different search results controller when search is active i need to disable actions in present controller - how can i achieve this easily.
I'm not really sure what went wrong there but in my case, it's working fine. Here is my code:
Created a searchController file:
private let searchController = UISearchController(searchResultsController: nil)
In viewDidLoad():
searchController.searchResultsUpdater = self
searchController.obscuresBackgroundDuringPresentation = false
searchController.searchBar.placeholder = kSearchPlaceholder
searchController.searchBar.scopeButtonTitles = [kCategory, kAuthor, kPicture]
searchController.searchBar.delegate = self
definesPresentationContext = true
if #available(iOS 11.0, *) {
navigationItem.searchController = searchController
} else {
tableView.tableHeaderView = searchController.searchBar
}
And it's good to go.
Hello I want the searchBar always visible, that is what I have:
searchController = UISearchController(searchResultsController: nil)
tableView.tableHeaderView = searchController.searchBar
searchController.searchResultsUpdater = self
searchController.dimsBackgroundDuringPresentation = false
Is there way to accomplish this?
Thanks in advance
What about
override func viewDidAppear(_ animated: Bool) {
super.viewDidAppear(animated)
searchController.searchBar.becomeFirstResponder()
}
?
Have a look at Apple's example (source code): https://developer.apple.com/library/content/samplecode/TableSearch_UISearchController/Introduction/Intro.html
NB - from iOS 11 onwards you should use UINavigationController instead of the table header view:
if #available(iOS 11.0, *) {
// For iOS 11 and later, we place the search bar in the navigation bar.
navigationController?.navigationBar.prefersLargeTitles = true
navigationItem.searchController = searchController
// We want the search bar visible all the time.
navigationItem.hidesSearchBarWhenScrolling = false
} else {
// For iOS 10 and earlier, we place the search bar in the table view's header.
tableView.tableHeaderView = searchController.searchBar
}
In viewDidLoad where you have your UISearchController setup:
navigationItem.hidesSearchBarWhenScrolling = false
You could try to put it in the header for the first section like this:
func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return self.searchController.searchBar
}
I had to solve a very similar situation, and this is what I ended up with:
searchController = UISearchController(searchResultsController: nil)
searchController.searchResultsUpdater = self
searchController.dimsBackgroundDuringPresentation = false
searchController.searchBar.delegate = self
searchController.searchBar.sizeToFit()
searchController.searchBar.tintColor = CARBONCOLOR
searchController.hidesNavigationBarDuringPresentation = false
self.definesPresentationContext = true
let search = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.Search, target: self, action: "presentSearch")
self.navigationItem.setRightBarButtonItem(search, animated: true)
With this code to present the searchController
func presentSearch()
{
self.navigationController!.presentViewController(searchController, animated: true, completion: nil)
}
This would put a barbutton in the navbar which would present the searchController over the navbar. This is not exactly what I wanted, but turned out to be the simplest way to allow search from any point in the tableview. It also saves a bit of space, which is better. If you don't have a navbar, you can present from self.
The UISearchController class is supposed to be hidden when not in use (i.e. when no search is performed), so I would suggest to either use it in a way it was designed for or go another way.
In your case it might be more appropriate to implement a UISearchBar and e.g. configure it as an item within an (existing) UINavigationBar. That way, the search bar will be always visible.
Do you already have a view controller which holds a navigation bar in your view hierarchy? If so, try to set the search bar as an item and implement display of search results in another way as intended with the UISearchController pattern.
You're setting your searchBar in the tableHeaderView of your UITableView, the default behaviour is that the searchBar scroll with the UITableView, I'm afraid that you cannot change this in the way you did it.
But you can change the way you did it, you can use the UISearchDisplayController and manage the view yourself adn put it above your UITableViewin your hierarchy view, these two tutorials can help you a lot about how to achieve it and understand how it works:
Tableview Search in Swift
UISearchController Tutorial: Getting Started
I hope this help you.