Affichage UISearchController la barre de recherche par programme

Note 1: Cette question se rapporte à l'ajout d'un UISearchController la barre de recherche en dehors de la vue de la table de la mise à jour - non PAS que la vue de la table d'en-tête.

Note 2: Quelques essais et d'erreur qui m'a conduit à une solution. Veuillez voir mon réponse ci-dessous.

Je suis nouveau sur le développement iOS et je suis mal à travailler avec les UISearchController classe. J'ai une-vue-contrôleur, et à mon avis du contrôleur de vue, j'ai l'intention d'avoir une barre de recherche ci-dessus une vue de la table. Je tiens la barre de recherche pour être lié à une UISearchController. Depuis l'interface builder n'est pas venu avec un UISearchController, je suis en ajoutant le contrôleur de la programmation. Après l'instanciation d'un UISearchController, j'ai essayé d'ajouter la recherche du contrôleur de la barre de recherche de mon point de vue, par programme, mais n'ont pas été couronnés de succès. J'ai essayé de réglage de la barre de recherche du cadre et de donner contraintes de mise en page automatique, mais aucune de ces approches n'a fonctionné pour moi (c'est à dire quand je lance l'application, rien ne s'affiche). Voici le dernier code que j'ai essayé:

    let searchController = UISearchController(searchResultsController: nil)

    //Set the search bar's frame
    searchController.searchBar.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 50)

    //Constraint to pin the search bar to the top of the view
    let topConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Top, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Top, multiplier: 1, constant: 0)
    searchController.searchBar.setTranslatesAutoresizingMaskIntoConstraints(false)

    self.view.addSubview(searchController.searchBar)

    self.view.addConstraint(topConstraint)

Toute aide serait grandement appréciée! Merci!!!!

EDIT: l'Aide d'un seul de réglage de la barre de recherche de l'image ou vous donner contraintes de mise en page automatique (par opposition à une combinaison des deux que j'ai d'abord essayé) semble fonctionner au premier abord, mais après avoir appuyé sur la barre de recherche, vous aurez des questions comme l'a souligné Dwight. J'ai laissé le code de ces cas, dans le cas où il est utile de la comparer à ce que vous avez actuellement, mais pour une solution de travail, voir ma réponse ci-dessous.

À l'aide de contraintes de mise en page automatique:

    let searchController = UISearchController(searchResultsController: nil)

    let topConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Top, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Top, multiplier: 1, constant: (statusBarHeight + navigationBarHeight!))
    let leftConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Left, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Left, multiplier: 1, constant: 0)
    let rightConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Right, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Right, multiplier: 1, constant: 0)
    let heightConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Height, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: 44)
    searchController.searchBar.setTranslatesAutoresizingMaskIntoConstraints(false)

    searchController.searchBar.addConstraint(heightConstraint)

    self.view.addSubview(searchController.searchBar)

    self.view.addConstraints([topConstraint, leftConstraint, rightConstraint])

J'ai mis le topConstraint constante à la hauteur de la barre d'état, plus la hauteur de la barre de navigation, que mon point de vue, contrôleur est intégré dans une manette de navigation.

Ajustement de la monture:

    let searchController = UISearchController(searchResultsController: nil)

    searchController.searchBar.frame = CGRect(x: 0, y: (statusBarHeight + navigationBarHeight!), width: self.view.frame.size.width, height: 44)

    self.view.addSubview(searchController.searchBar)

essayez cette link1, link2 peut-être vous aider
merci pour les liens! La première semble faire exactement ce que je veux avec un peu plus de interface builder participation, je vais donc regarder de plus près. J'utilise UISearchDisplayController, qui je crois est obsolète depuis iOS 8.
J'ai couru dans le même problème que vous, cependant, je vais avoir des ennuis après que l'utilisateur clique sur la barre de recherche. Avec le cadre de l'option, la barre de recherche glisse hors de la vue et de la tableview est indiqué mais pas positionné correctement. Avec les contraintes de l'option, l'application se bloque avec une "Le point de vue de la hiérarchie n'est pas préparé pour la contrainte:" erreur une fois exploitée. Avez-vous ces problèmes?
merci pour cette. Vous êtes de droite ni de solution dans edition 1 fonctionne. J'ai confirmé les mêmes problèmes que vous avez eu. Veuillez voir edit 2! Qui semble bien fonctionner pour moi. Laissez-moi savoir si cela fonctionne pour vous!
wow, merci beaucoup pour la réponse, je pensais que ce serait une cause perdue. Edit 2 fonctionne à merveille, beau travail!! Une douleur juste pour obtenir la fonctionnalité de UISearchDisplayController avec UISearchController! Vous devriez certainement post edit 2 comme une réponse à cette question pour aider les autres. Merci encore!

OriginalL'auteur kcstricks | 2015-07-08

15

Après quelques essais et erreurs, j'ai le texte suivant solution de travail:
1. Ouvrir Principal.storyboard et l'ajouter à votre vue-contrôleur une UIView avec hauteur 44 (hauteur par défaut d'un UISearchBar) et une UITableView. Définir la mise en page automatique contraintes de manière à ce que le UIView est épinglé sur les deux côtés et le dessus en page (en utilisant le haut guide de présentation de l'assure cela va fonctionner ou non de votre vue-contrôleur est intégré dans une manette de navigation) et la vue de la table est épinglé pour les deux parties, le bas de page, et de son top épinglé au fond de la UIView.
2. Connecter le UIView et UITableView comme IBOutlets dans votre ViewController.swift. Dans mon projet, je les ai appelés dessus et tableView.
3. Déclarer un contrôleur de recherche en haut de votre ViewController.swift: var searchController: UISearchController!
4. Puis, dans le viewDidLoad(), vous aurez besoin de:
```
//Initialize and set up the search controller
self.searchController = UISearchController(searchResultsController: nil)
self.searchController.searchResultsUpdater = self
self.searchController.dimsBackgroundDuringPresentation = false //Optional
self.searchController.searchBar.delegate = self

//Add the search bar as a subview of the UIView you added above the table view
self.topView.addSubview(self.searchController.searchBar)
//Call sizeToFit() on the search bar so it fits nicely in the UIView
self.searchController.searchBar.sizeToFit()
//For some reason, the search bar will extend outside the view to the left after calling sizeToFit. This next line corrects this.
self.searchController.searchBar.frame.size.width = self.view.frame.size.width
```
Ce doit être cela! Bien sûr, vous aurez besoin pour faire de votre point de vue contrôleur un UITableViewDatasource, UITableViewDelegate, UISearchBarDelegate, UISearchControllerDelegate, et UISearchResultsUpdating et de prendre soin de tous les délégués requis l'utilisation de méthodes, mais aussi loin que la barre de recherche, il a travaillé pour moi. Merci de commenter si vous avez des questions.

"// Pour une raison quelconque, la barre de recherche va s'étendre en dehors de la vue vers la gauche". Il le fait parce que dans le viewDidLoad() les cadres de la vue ne sont pas encore calculé droit, si votre barre de recherche obtient une mauvaise image qui est plus grand qu'il ne devrait l'être. si vous voulez faire les choses correctement, de faire de la sizeToFit() dans votre viewDidAppear ou après votre point de vue fini layouting autour.
merci pour l'entrée. J'aurais une petite question pour vous: si c'est le cas, et l'image de la vue n'est pas encore calculé correctement quand je l'appelle sizeToFit(), puis savez-vous pourquoi il a travaillé pour définir la barre de recherche de la largeur de la largeur de la vue sur la ligne suivante de code? Si le point de vue de l'image n'est toujours pas calculée correctement à ce stade, ne pas le ci-dessus ne fonctionne pas?
Malheureusement, impossible de trouver quelque chose de très détaillé sur sizeToFit(), mais comme il est écrit que ->"Redimensionne et déplace le récepteur de vue jusqu'à ce qu'il entoure de ses sous-vues." Que signifie probablement que d'une forte image de calcul se passe comme dans le cas de "layoutIfNeeded()", donc une fois que vous appelez "sizeToFit()" vous obtenir des points de vue dont le cadre a été calculé avant qu'il se serait passé normalement comme après "viewDidLayoutSubviews" ou "viewDidAppear".
merci pour le heads up. Ce sera bon de garder à l'esprit la prochaine fois, je vais vous embêter avec des images pendant le chargement de la vue 🙂
Je ne pense pas que cela fonctionne si vous tentez d'ajouter la barre de recherche dans une vue qui n'est pas la totalité de la largeur de la vue-contrôleur. Je semble être la barre de recherche ne sera pas définie à une largeur inférieure à celle de la vue-contrôleur.

OriginalL'auteur kcstricks

-1

essayez ceci:

        let searchController = UISearchController(searchResultsController: nil).searchBar

        //Set the search bar's frame
        searchController.frame = CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: 50)

        //Constraint to pin the search bar to the top of the view
        let topConstraint = NSLayoutConstraint(item: searchController, attribute: NSLayoutAttribute.Top, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Top, multiplier: 1, constant: 0)
//       searchController.setTranslatesAutoresizingMaskIntoConstraints(false)

        self.view.addSubview(searchController)
//       self.presentViewController(searchController, animated: true, completion: nil)

        self.view.addConstraint(topConstraint)

ou vous pouvez simplement faire ceci:

    searchController.searchBar.setTranslatesAutoresizingMaskIntoConstraints(false)   
->  searchController.searchBar.setTranslatesAutoresizingMaskIntoConstraints(true)

Merci pour votre aide! Je suis un peu confus par votre première suggestion parce que cela semble juste ajouter une barre de recherche, plutôt que d'une barre de recherche qui est associé à un contrôleur de recherche. S'il vous plaît corrigez-moi si je me trompe. Quant à votre deuxième suggestion, réglage setTranslatesAutoResizingMaskIntoconstraints à de véritables œuvres d'afficher la barre de recherche, à condition que vous avez spécifié par son cadre. Cependant, je crois que ce drapeau est le cas par défaut, donc je pense que vous pouvez simplement spécifier l'image et de laisser cette ligne comme je l'ai fait dans l'ÉDITION 1 de mon post.

OriginalL'auteur A BLUE

Vous devez vous connecter pour publier un commentaire.