UISearchController iOS 11 Personnalisation

J'avais été en utilisant le code suivant avant iOS 11 pour personnaliser l'apparence de la 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, après avoir mis à jour pour iOS 11 et l'ajout de la UISearchController dans le cadre de la navigationItemtout de personnalisation (à l'exception du clavier apparence prouver mon code a été appelé) ne parvient pas à démontrer. Est-ce un bug ou ai-je mis en œuvre de façon incorrecte?

EDIT:
Ci-joint les deux captures d'écran des appareils exécutant iOS 10 (premiers) et iOS 11

EDIT 2: grande partie de l'attention sur cette question jusqu'à présent se concentre sur la couleur du texte de la UISearchBar. Je suis en train de regarder plus que la couleur de fond, couleur de teinte, de la recherche et indicateur de bouton effacer les couleurs, etc. tous ne sont pas en mesure à être personnalisés à l'aide d'un appareil iOS 11 en dépit d'être parfaitement en mesure de le faire à iOS 10.

Bien demandé, mais je ne peux pas être surpris si, lorsque vous adoptez la notion de champ de recherche traitées par le biais de la barre de navigation, le moteur d'exécution qui impose son propre regard sur elle. Vous pourriez être en mesure de faire valoir vos personnalisations en retardant jusqu'après l'exécution a eu la chance de configurer la barre de recherche elle-même, mais c'est juste une supposition et il ne me surprendrait pas si ça ne marche pas non plus.
Vous pouvez obtenir ce genre de personnalisation à l'aide de l'apparence des procurations. Cependant, dans mon expérience, il était bogué - Le bar est exactement ce que je voulais au début, mais quand un autre point de vue contrôleur de cache, il perd les coins arrondis.
Essayez d'appliquer aspect de la police de champ de recherche (blanc, couleur de police).
Essayez en ajoutant searchController.searchBar.tintColor = UIColor.white Il devrait fonctionner.
La version de iOS11 utilisez-vous? Avez-vous fait un nettoyage complet du Projet? Il peut être un bug de l'OS. Cependant, je vais essayer de le reproduire et de vous donner des commentaires bientôt...! @NishantBhindi il l'a déjà fait...
Je suis l'aide de la dernière version bêta de l'iOS 11 @AndreaVultaggio
essayez de définir le navigationItem textColor
Post un exemple de projet sur GitHub, peut-être vous aura un peu plus d'aide de cette façon.
J'ai les mêmes problèmes: stackoverflow.com/questions/45997996/...

InformationsquelleAutor Alexander MacLeod | 2017-08-13

66

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

Le bouton "Annuler" texte:
```
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 effacer:
```
searchController.searchBar.setImage(UIImage(named: "my_search_icon"), for: UISearchBarIcon.clear, state: .normal)
```
Le texte de la 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
}
```
Prises de ici.
- Encore une fois cette réponse n'est pas excellente avec des couleurs. Ils barre de navigation couleur d'arrière-plan semble toujours plus sombre que ce que vous indiquez.
- Salut @AlexanderMacLeod , avez-vous résolu ce problème?
- Doit être informé que, comme à travers l'ensemble de dev iOS, à l'aide de tout value:forKey: est considéré comme l'accès api privée eaux qui seraient les plus enclins à l'encontre d'Apple t&c
- POURQUOI APPLE N'A CASSER DES CHOSES, POUR CHAQUE VERSION
- Cette réponse a presque m'a sauvé! Merci! Le seul problème est que lorsque vous êtes en poussant entre les contrôleurs de vue, d'un noir d'animation de ligne s'affiche instantanément dans l'arrière-plan de la zone de navigation.
- le rayon de l'angle de code ne fonctionne pas pour moi 🙁
- Je vais avoir le même problème, avez vous trouver une solution rapide pour cela?
- Un problème avec le fond blanc code: une fine ligne blanche apparaît au-dessus du champ de recherche lorsque vous tirez vers le bas la tableview. Est-ce quelqu'un a une solution pour cela?
- malheureusement non, si vous voulez dire "noir d'animation de ligne..." la question.
- il s'est avéré être la couleur d'arrière-plan de la vue parente. (cette barre de recherche a été sur un UIViewController définir comme une racine d'un UINavigationController à l'intérieur d'un UITabBarController)
- Un autre problème est la couleur de fond n'est pas blanc, mais whiteish. Je n'arrive pas à obtenir que modifié en aucune façon. Faire ma propre mise en œuvre et de vivre sans la navigation de l'intégration.
- J'ai trouvé une solution pour le whiteish. La solution est d'utiliser la barre de recherche.setSearchFieldBackgroundImage(backgroundImage, pour: .normale) avec une image transparente. Si quelqu'un a besoin d'une solution pm moi et je vais l'ajouter.
InformationsquelleAutor Darko

De définir correctement le texte tapé dans la barre de recherche pour blanc utilisation (lors de l'utilisation d'un champ sombre couleur):

searchController.searchBar.barStyle = .black

Pour définir la zone de texte la couleur de fond

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;
            }
        }
    }

Toutefois, en utilisant quelque chose comme

textfield.textColor = UIColor.blue

dans le ci-dessus ne semble pas fonctionner.

InformationsquelleAutor Zyntx

Vous devez trouver le UISearchBar's sous-jacent UITextField et de changer la couleur du texte.

Avis cela n'a d'effet que lorsque la recherche de contrôleur va présenter (UISearchControllerDelegate.willPresentSearchController) ou présentés.

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
    }
}

Merci, vous avez sauvé ma journée) C'est vraiment un défi pour personnaliser UISearchBar dans IOS

InformationsquelleAutor Jonny

4

Déplacement de l'appel à setDefaultSearchBar en viewDidAppear devrait corriger cet.
- Cette réponse est compatible avec certaines propriétés comme la couleur du texte mais pas backgroundImage. Il laisse également un vilain composant logiciel enfichable modification lors de la poussée entre les vues
- trop mauvais, mais je suppose que vous avez raison, il ne fonctionnera pas pour tous les accessoires 🙁
InformationsquelleAutor highmaintenance
3

Essayer le réglage de la barre de recherche de la barre de style.
```
searchController.searchBar.barStyle = UIBarStyleBlack;
```
- Excellent! Met le texte en couleur noir / blanc.
InformationsquelleAutor Eddie Hsu

    UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).defaultTextAttributes = [NSForegroundColorAttributeName: UIColor.white]

Vous pourriez peut-être expliquer un peu plus? Code-seulement les réponses ne sont généralement pas les plus utiles.

InformationsquelleAutor Isa M

1

Si vous avez besoin de changer la couleur de fond de la zone de texte dans la barre de recherche, voir ma réponse ici:
https://stackoverflow.com/a/46315974/1109892
- Votre réponse ne fonctionne pas particulièrement bien avec les couleurs -, ils semblent toujours beaucoup plus sombre que ce que vous indiquez dans le code
- Oui, je sais, mais c'est le mieux que je pouvais obtenir. Laissez-moi savoir si vous avez trouver une solution de contournement.
InformationsquelleAutor Adam Studenic
0

Vous devez accéder à l'objet UITextField à l'intérieur de la UISearchBar. Vous pouvez faire cela en utilisant
```
let textFieldInsideSearchBar = yourSearchbar.value(forKey: "searchField") as? UITextField

textFieldInsideSearchBar?.textColor = yourcolor
```
OU
- J'ai déjà fait cela et documenté dans ma question...
- Probablement que Vous avez obtenu la couleur de teinte claire, c'est la seule raison pour laquelle je pourrais essayer d'imagerie pour définir "_searchBar.nuance de couleur = [UIColor redColor];"
InformationsquelleAutor yogesh wadhwa

Essayer: searchController.<YOUR SEARCHBAR>.barStyle = .blackOpaque au lieu de self.searchBarStyle = .minimal.

Ainsi:

var searchController = UISearchController(searchResultsController: nil)
searchController.searchBar.setDefaultSearchBar()
//Add this line below
searchController.searchBar.barStyle = .blackOpaque
searchController.searchResultsUpdater = self

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

extension UISearchBar {
    func setDefaultSearchBar() {
        self.tintColor = UIColor.blue
        //Delete this line below
        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
    }
}

InformationsquelleAutor Hoff Silva

Vous devez vous connecter pour publier un commentaire.