Personnalisation de UISearchController pour iOS 11

Question

Avant iOS 11, j'utilisais le code suivant pour personnaliser l'apparence de l'icône UISearchController barre de recherche :

var searchController = UISearchController(searchResultsController: nil)
searchController.searchBar.setDefaultSearchBar()
searchController.searchResultsUpdater = self

if #available(iOS 11.0, *) {
    navigationItem.searchController = searchController
} else {
    tableView.tableHeaderView = searchController.searchBar
}

extension UISearchBar {
    func setDefaultSearchBar() {
        self.tintColor = UIColor.blue
        self.searchBarStyle = .minimal
        self.backgroundImage = UIImage(color: UIColor.clear)
        let searchBarTextField = self.value(forKey: "searchField") as! UITextField
        searchBarTextField.textColor = UIColor.white
        searchBarTextField.tintColor = UIColor.blue
        searchBarTextField = .dark
    }
}

Cependant, l'apparence de la barre de recherche ne se met pas à jour lorsqu'on exécute le même code sur iOS 11.

iOS 10 :

iOS 11 :

Jusqu'à présent, une grande partie de l'attention portée à cette question s'est concentrée sur la couleur du texte de la barre de recherche. Je cherche plus que cela - la couleur de l'arrière-plan, la couleur de la teinte, l'indicateur de recherche, la couleur du bouton d'effacement, etc.

Answer 1

Je viens de découvrir comment les régler : (avec l'aide de Brandon et Krunal, merci !)

Le texte "Annuler" :

searchController.searchBar.tintColor = .white

L'icône de recherche :

searchController.searchBar.setImage(UIImage(named: "my_search_icon"), for: UISearchBarIcon.search, state: .normal)

L'icône claire :

searchController.searchBar.setImage(UIImage(named: "my_search_icon"), for: UISearchBarIcon.clear, state: .normal)

Le texte de recherche :

UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).defaultTextAttributes = [NSAttributedStringKey.foregroundColor.rawValue: UIColor.white]

L'espace réservé :

UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).attributedPlaceholder = NSAttributedString(string: "placeholder", attributes: [NSAttributedStringKey.foregroundColor: UIColor.white])

Le fond blanc :

if #available(iOS 11.0, *) {
    let sc = UISearchController(searchResultsController: nil)
    sc.delegate = self
    let scb = sc.searchBar
    scb.tintColor = UIColor.white
    scb.barTintColor = UIColor.white

    if let textfield = scb.value(forKey: "searchField") as? UITextField {
        textfield.textColor = UIColor.blue
        if let backgroundview = textfield.subviews.first {

            // Background color
            backgroundview.backgroundColor = UIColor.white

            // Rounded corner
            backgroundview.layer.cornerRadius = 10;
            backgroundview.clipsToBounds = true;
        }
    }

    if let navigationbar = self.navigationController?.navigationBar {
        navigationbar.barTintColor = UIColor.blue
    }
    navigationItem.searchController = sc
    navigationItem.hidesSearchBarWhenScrolling = false
}

Tiré de aquí .

Answer 2

Pour que le texte tapé dans la barre de recherche soit correctement mis en blanc (lorsque vous utilisez une couleur de champ sombre) :

searchController.searchBar.barStyle = .black

Pour définir la couleur d'arrière-plan du champ de texte

if #available(iOS 11.0, *) {

        if let textfield = searchController.searchBar.value(forKey: "searchField") as? UITextField {
            if let backgroundview = textfield.subviews.first {

                // Background color
                backgroundview.backgroundColor = UIColor.white

                // Rounded corner
                backgroundview.layer.cornerRadius = 10;
                backgroundview.clipsToBounds = true;
            }
        }
    }

Cependant, en utilisant quelque chose comme

textfield.textColor = UIColor.blue

dans l'exemple ci-dessus ne semble pas fonctionner.

Answer 3

Essayez de définir le style de la barre de recherche.

searchController.searchBar.barStyle = UIBarStyleBlack;

Answer 4

Déplacer l'appel à setDefaultSearchBar en viewDidAppear devrait régler ce problème.

Answer 5

Vous devez trouver le UISearchBar de l'entreprise UITextField et changez la couleur de son texte.

Notez que ceci n'a d'effet que lorsque le contrôleur de recherche va présenter ( UISearchControllerDelegate.willPresentSearchController ) ou présenté.

class ViewController : UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // setup your search controller...

        // set search controller's delegate
        navigationItem.searchController?.delegate = self
    }
}

extension ViewController : UISearchControllerDelegate {

    func willPresentSearchController(_ searchController: UISearchController) {
        // update text color
        searchController.searchBar.textField?.textColor = .white
    }
}

extension UISearchBar {

    var textField: UITextField? {
        for subview in subviews.first?.subviews ?? [] {
            if let textField = subview as? UITextField {
                return textField
            }
        }
        return nil
    }
}