iOS 11 UISearchBar en UINavigationBar

swift ios11

Question

Quiero colocar una barra de búsqueda en la nueva barra de navegación con los nuevos títulos grandes de iOS 11. Sin embargo, el color de la barra de búsqueda se aplica automáticamente en iOS y no puedo cambiarlo.

if #available(iOS 11.0, *) {
    let sc = UISearchController(searchResultsController: nil)
    navigationItem.searchController = sc
    navigationItem.hidesSearchBarWhenScrolling = false
}

La barra de búsqueda tiene un fondo azul profundo, pero solo quiero cambiarlo a blanco.

Configurando los resultados del color de fondo en esto:

navigationItem.searchController?.searchBar.backgroundColor = UIColor.white

También he probado setScopeBarButtonBackgroundImage y setBackgroundImage en la barra de búsqueda, pero todo parece totalmente extraño.

Además, cuando disparo la búsqueda tocando la barra de búsqueda, cambia a un modo con el botón de cancelar en el lado derecho. ("Abbrechen" en alemán)

Y el color del texto "Abbrechen" tampoco se puede cambiar. (lo necesito tambien blanco)

Cualquier ayuda es apreciada.

Edición: según lo solicitado, aquí el código para el estilo de la barra de navegación:

self.navigationBar.tintColor = UIColor.myWhite
self.navigationBar.titleTextAttributes = [NSAttributedStringKey.foregroundColor : UIColor.myWhite, NSAttributedStringKey.font: UIFont.myNavigationBarTitle()]
self.navigationBar.barTintColor = UIColor.myTint

if #available(iOS 11.0, *) {
    self.navigationBar.prefersLargeTitles = true
    self.navigationBar.largeTitleTextAttributes = [NSAttributedStringKey.foregroundColor : UIColor.myWhite, NSAttributedStringKey.font: UIFont.myNavigationBarLargeTitle()]
}

Resultado actual: He usado la idea de Krunals para establecer el color del fondo de la barra de búsqueda, pero luego se pierden las esquinas redondeadas. Después de volver a configurar las esquinas redondeadas, la animación de la barra de búsqueda parece estar rota.

Así que todavía no hay solución satisfactoria. Parece que la barra de búsqueda cuando está incrustada en la barra de navegación en iOS 11 no es posible personalizarla. Mientras tanto, sería suficiente para mí simplemente cambiar el color del texto del marcador de posición, pero incluso esto parece no ser posible. (He intentado múltiples enfoques desde StackOverflow - no funciona)

Answer 1

Ahora es lo que quieres ...

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

}

Resultado:

Con esquina redondeada:
La animación con esquinas redondeadas también funciona bien.

Answer 2

C objetivo

if (@available(iOS 11.0, *)) {
    self.searchController = [[UISearchController alloc] initWithSearchResultsController:nil];
    self.searchController.searchResultsUpdater = self;
    self.searchController.searchBar.delegate = self;
    self.searchController.dimsBackgroundDuringPresentation = NO;
    self.navigationItem.searchController=self.searchController;
    self.navigationItem.hidesSearchBarWhenScrolling=NO;
    self.searchController.searchBar.searchBarStyle = UISearchBarStyleProminent;
    self.searchController.searchBar.showsBookmarkButton = NO;
    self.searchController.searchBar.placeholder = @"Search";
    self.searchController.searchBar.tintColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:1];
    self.searchController.searchBar.barTintColor=[UIColor colorWithRed:1 green:1 blue:1 alpha:1];
    UITextField *txfSearchField = [self.searchController.searchBar valueForKey:@"_searchField"];
    txfSearchField.tintColor=[UIColor colorWithRed:21/255.0 green:157/255.0 blue:130/255.0 alpha:1];
    txfSearchField.textColor=[UIColor colorWithRed:1 green:1 blue:1 alpha:1];
    txfSearchField.backgroundColor=[UIColor whiteColor];
    UIView *backgroundview= [[txfSearchField subviews]firstObject ];
    backgroundview.backgroundColor=[UIColor whiteColor];
    // Rounded corner
    backgroundview.layer.cornerRadius = 8;
    backgroundview.clipsToBounds = true;
}

Answer 3

Cambié el fondo del campo de texto con este código dentro de AppDelegate.

Swift 4

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

        //background color of text field
         UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).backgroundColor = .cyan

        }

Este es el resultado

Answer 4

Este es el código que utilicé para hacer que la barra de búsqueda sea blanca:

if let textfield = searchController.searchBar.value(forKey: "searchField") as? UITextField {
            if let backgroundview = textfield.subviews.first {
                backgroundview.backgroundColor = UIColor.init(white: 1, alpha: 1)
                backgroundview.layer.cornerRadius = 10
                backgroundview.clipsToBounds = true
            }
        }

Answer 5

Esto debería funcionar para usted

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

            if let navigationbar = self.navigationController?.navigationBar {
                //navigationbar.tintColor = UIColor.green
                //navigationbar.backgroundColor = UIColor.yellow
                navigationbar.barTintColor = UIColor.blue
            }

            navigationController?.navigationBar.tintColor = UIColor.green
            navigationItem.searchController = sc
            navigationItem.hidesSearchBarWhenScrolling = false
        }
}

Resultado :

Answer 6

Prueba este código,

UITextField *txfSearchField = [_searchBar valueForKey:@"_searchField"];
txfSearchField.backgroundColor = [UIColor redColor];