UISearchBar augmente la hauteur de la barre de navigation dans iOS 11

Question

J'ai mon UISearchBar faisant partie de la barre de navigation comme :

 let searchBar = UISearchBar()
 //some more configuration to the search bar
 .....
 navigationItem.titleView = searchBar

Après la mise à jour vers iOS 11 Quelque chose de bizarre est arrivé à la barre de recherche de mon application. Sur iOS 10 et avant j'avais ma barre de navigation qui ressemblait à ça :

Maintenant avec iOS 11 Je l'ai fait :

Comme vous pouvez le constater, il y a une différence dans l'arrondi des deux barres de recherche, ce qui ne me dérange pas. Le problème est que la barre de recherche augmente la hauteur de la barre de navigation. Ainsi, lorsque je passe à un autre contrôleur, cela semble également bizarre :

En fait, la hauteur de la ligne noire bizarre plus la hauteur de la barre de navigation actuelle est égale à la hauteur de la barre de navigation montrée dans la deuxième image ...

Une idée pour se débarrasser de la ligne noire et avoir une hauteur de barre de navigation cohérente dans tous les contrôleurs de vue ?

Answer 1

J'ai obtenu une ligne noire sous la barre de navigation avec la barre de recherche dans iOS 11 dans deux cas :

• Lorsque je pousse un autre ViewController à partir du ViewController avec UISearchBar

• lorsque j'ai rejeté le ViewController avec UISearchBar avec "glisser vers la droite pour rejeter".

Ma solution a été d'ajouter ce code à mon ViewController avec UISearchBar :

-(void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    [self.navigationController.view setNeedsLayout]; // force update layout
    [self.navigationController.view layoutIfNeeded]; // to fix height of the navigation bar
}

Mise à jour de Swift 4

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    navigationController?.view.setNeedsLayout() // force update layout
    navigationController?.view.layoutIfNeeded() // to fix height of the navigation bar
}

Answer 2

Vous pouvez ajouter une contrainte de hauteur 44 à la barre de recherche pour iOS 11.

// Swift

if #available(iOS 11.0, *) {
    searchBar.heightAnchor.constraint(equalToConstant: 44).isActive = true
}

// Objective-C

if (@available(iOS 11.0, *)) {
    [searchBar.heightAnchor constraintEqualToConstant:44].active = YES;
}

Answer 3

Je pense que dans iOS 11, la hauteur de UISearchBar est désormais égale à 56, et que UINavigationBar utilise l'autolayout pour s'adapter à ses sous-vues, ce qui augmente la hauteur. Si vous voulez toujours avoir UISearchBar comme titleView comme dans les versions antérieures à iOS 11, j'ai découvert que la meilleure façon de le faire est d'intégrer UISearchBar dans une vue personnalisée, et de définir la hauteur de cette vue à 44, et de l'assigner à navigationItem.titleView.

class SearchBarContainerView: UIView {  

    let searchBar: UISearchBar  

    init(customSearchBar: UISearchBar) {  
        searchBar = customSearchBar  
        super.init(frame: CGRect.zero)  

        addSubview(searchBar)  
    }

    override convenience init(frame: CGRect) {  
        self.init(customSearchBar: UISearchBar())  
        self.frame = frame  
    }  

    required init?(coder aDecoder: NSCoder) {  
        fatalError("init(coder:) has not been implemented")  
    }  

    override func layoutSubviews() {  
        super.layoutSubviews()  
        searchBar.frame = bounds  
    }  
}  

class MyViewController: UIViewController {  

    func setupNavigationBar() {  
        let searchBar = UISearchBar()  
        let searchBarContainer = SearchBarContainerView(customSearchBar: searchBar)  
        searchBarContainer.frame = CGRect(x: 0, y: 0, width: view.frame.width, height: 44)  
        navigationItem.titleView = searchBarContainer  
    }  
}

Answer 4

Essayez ce code sur le contrôleur de vue "ACKNOWLEDGEMENTS". dans viewDidLoad

self.extendedLayoutIncludesOpaqueBars = true

Answer 5

En Objective-C

if (@available(iOS 11.0, *)) {
        [self.searchBar.heightAnchor constraintLessThanOrEqualToConstant: 44].active = YES;
}