pantalla - personalizar centro de control ios 11

iOS 11 personaliza la barra de búsqueda en la barra de navegación

Question

Quiero cambiar el color del texto y el icono en la barra de búsqueda de iOS 11 cuando está incrustado en la barra de navegación. Por lo tanto, texto de marcador de posición, texto de búsqueda e icono de búsqueda

if #available(iOS 11.0, *) {
    navigationController?.navigationBar.prefersLargeTitles = false
    let searchController = UISearchController(searchResultsController: nil)
    navigationItem.searchController = searchController
    navigationItem.hidesSearchBarWhenScrolling = false

    searchController.searchBar.placeholder = "Suchen"
    searchController.searchBar.tintColor = .white
}

Como puede ver en la imagen, el texto es gris sobre un fondo azul profundo, que se ve feo. Quiero que el texto y el icono sean al menos blancos. (cambiar el color de fondo azul tampoco funciona muy bien, vea mi otra pregunta )

Lo único que funciona es cambiar el color del cursor parpadeante y el botón "cancelar", que se realiza con la propiedad .tintColor.

Las soluciones que parecen funcionar en iOS 10 y versiones posteriores ya no funcionan en iOS 11, así que publique solo las soluciones que sabe que funcionan en iOS 11. Gracias.

Tal vez pierdo el punto sobre este "estilo automático" en iOS 11. Cualquier ayuda es apreciada.

Answer 1

Acabo de descubrir cómo configurar también el resto de ellos: (con la ayuda de Brandon, ¡gracias!)

El texto "Cancelar":

searchController.searchBar.tintColor = .white

El ícono de búsqueda:

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

El ícono claro:

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

El texto de búsqueda:

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

Gracias por la ayuda @ Brandon!

El marcador de posición:

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

El fondo blanco:

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
}

Tomado de here .

Answer 2

Además de la respuesta de Darko. En mi caso, necesito obtener un color de campo de texto de búsqueda blanco puro. También necesito un borderLine y cornerRadius personalizados. Entonces, si solo configuro el color de fondo en blanco, establezco el radio de esquina personalizado y la línea de borde personalizada, tengo algo como esto.

El problema es que la barra de búsqueda tiene algunas subvistas y las acabo de eliminar. Aquí está mi código:

@interface YourViewController () <UISearchBarDelegate, UISearchControllerDelegate>
// your properties
@property (nonatomic,strong) UISearchController *searchController;
@property (nonatomic,strong) UISearchBar *searchBar;
@end

- (void)viewDidLoad {
[super viewDidLoad];

_searchController = [[UISearchController alloc] initWithSearchResultsController:self.resultsTableController];
_searchController.delegate = self;
_searchController.searchBar.delegate = self;
_searchBar = self.searchController.searchBar;

if (@available(iOS 11.0, *)) {

    UITextField *searchTextField = [_searchBar valueForKey:@"searchField"];
if (searchTextField != nil) {
        searchTextField.layer.cornerRadius = 4.f;
        searchTextField.layer.borderWidth = 1.f;
        searchTextField.clipsToBounds = YES;

        for (UIView *subView in searchTextField.subviews) {
            [subView removeFromSuperview];
        }
}

// Color for "Cancel" button
    _searchBar.tintColor = [UIColor blackColor];
// Add searchController to navgationBar
    _navigationItem.searchController = _searchController;
// Hide searchBar when scroll
    _navigationItem.hidesSearchBarWhenScrolling = YES;
}
}

Ahora tengo una barra de búsqueda con fondo blanco puro, esquina de radio personalizada, ancho de borde personalizado. También he desactivado el resaltado gris cuando toca.

Answer 3

Establecer color de texto de búsqueda

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

Establecer color de marcador de posición de búsqueda

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

Answer 4

Este código cambia el color de fondo del campo de texto.

Swift 4

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

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

        }

editado: muestra de una UISearchBar en cian

Answer 5

Intenté la solución Daroko, pero tuve un problema al cambiar el fondo a color blanco puro (era gris). Mi solución fue usar setSearchFieldBackgroundImage . Además, no quiero confiar en la estructura de Apple para obtener el UITextField

  if #available(iOS 11.0, *) {
     let whiteImage = UIImage(color: UIColor.white, size: CGSize(width: searchController.searchBar.layer.frame.width, height: searchController.searchBar.layer.frame.height))
     searchController.searchBar.setSearchFieldBackgroundImage(whiteImage, for: .normal)
     self.navigationItem.searchController = searchController
     self.navigationItem.hidesSearchBarWhenScrolling = true
 }


public extension UIImage {
  public convenience init?(color: UIColor, size: CGSize = CGSize(width: 1, height: 1)) {
    let rect = CGRect(origin: .zero, size: size)
     UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
     color.setFill()
     UIRectFill(rect)
     let image = UIGraphicsGetImageFromCurrentImageContext()
     UIGraphicsEndImageContext()
     guard let cgImage = image?.cgImage else { return nil }
     self.init(cgImage: cgImage)
} }

Usé la extensión UIImage de: Crear UIImage con color sólido en Swift

Answer 6

Mis dos centavos para Swift 4.x, ligeramente limpiados.

Agregar controlador o delegado de aplicaciones:

appearance.backgroundColor = .green
let myFont = UIFont.italicSystemFont(ofSize: 12)
let attribs = [
    NSAttributedString.Key(rawValue: NSAttributedString.Key.font.rawValue): myFont,
    NSAttributedString.Key(rawValue: NSAttributedString.Key.foregroundColor.rawValue): UIColor.red
]

appearance.defaultTextAttributes =  attribs

en el controlador:

self.searchBar.barTintColor = .blue

Obtendrá fondo azul, fondo de barra de búsqueda verde, fuente cursiva roja:

Answer 7

Poner

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

y

UISearchBar.appearance().tintColor = UIColor.white en AppDelegate .

Alternativamente, [UIViewController viewDidLoad:] ambos en [UIViewController viewDidLoad:]