iOS 11 anpassen, Suchleiste in der Navigationsleiste

Möchte ich die Farbe ändern von dem text und ein Symbol in der iOS-11 Suchleiste, wenn es eingebettet ist in die Navigationsleiste. Also Platzhalter-text, text suchen und suchen-Symbol.

iOS 11 anpassen, Suchleiste in der Navigationsleiste

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
}

Wie Sie, in sehen können das Bild, der text ist Grau, die auf einem tiefen blauen hintergrund, der hässlich aussieht. Ich will text und Symbol, zu mindestens weiß. (ändern die Blaue Hintergrundfarbe funktioniert auch nicht wirklich gut, sehen meine andere Frage)

Das einzige was funktioniert ist das ändern der Farbe der blinkenden cursor und der Taste "Abbruch", das mit der .tintColor-Eigenschaft.

Lösungen, die zu funktionieren scheint in iOS 10 und unten scheinen nicht mehr in iOS 11, also poste bitte nur Lösungen, die Sie wissen, arbeiten in der iOS-11. Danke.

Vielleicht vermisse ich den Punkt "automatische styling" in iOS-11. Jede Hilfe ist willkommen.

Haben Sie versucht UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]).tintColor = .white ?
Ja, funktioniert nicht.

InformationsquelleAutor Darko | 2017-09-01

  1. 99

    Ich nur gefunden, wie auch der rest von Ihnen: (mit etwas Hilfe von Brandon, danke!)

    Den "Abbrechen" - text:

    searchController.searchBar.tintColor = .white

    Auf das suchen-Symbol:

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

    Das Symbol "löschen":

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

    Die Suche text:

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

    Danke für die Hilfe @Brandon!

    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    Den Platzhalter:

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

    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    Den weißen hintergrund:

    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
}

    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    Entnommen hier.

    Awesome Sachen, sehr hilfreich --- Aber, ich habe ein problem mit der Hintergrundfarbe, dem weißen hintergrund des Feldes. Wenn Sie es probieren, es ist eigentlich nicht weiß, rgb(.95,.95,.95). Stellt sich heraus, dass textField.subviews.first Ansicht hat Ihre eigene Untersichten, die für alpha-getönten Schattierungen. Ich habe versucht alles kurz zu swizzling zu töten, die Shader, kein Glück. Wenn jemand findet eine Lösung, würde es gerne hören
    In Bezug auf ^^ ich endlich einen fix. Nach der Suche bar didMoveToSuperview, wenn Sie gehen for subview in textField.subviews.first.subviews subview.removeFromSuperview() es scheint, können Sie beseitigen die Shader, und mit einem reinen weißen hintergrund rgb(1,1,1)
    Schön finden!
    entweder Sie fixiert dieses auf iOS 11.2 wo der text eingegeben haben, ist in den Farben weiß, also unsichtbar ist?
    nicht sicher, ob jemand über dieses, aber es scheint, wie die Suchleiste Hintergrundfarbe ist standardmäßig schwarz, es sei denn, es erhält einen der UIColor enums als Wert

    InformationsquelleAutor Darko

  2. 3

    Setzen

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

    und

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

    Alternativ, setzen Sie beide in [UIViewController viewDidLoad:]

    Dies ändert den Suchtext in die Farbe, großartig! Aber der Platzhalter-text, die Farbe und das Symbol fehlt immer noch.
    Objective-C-syntax: [UISearchBar Darstellung].tintColor = [UIColor whiteColor]; [[UITextField appearanceWhenContainedInInstancesofclasses:@[[UISearchBar Klasse]]] setDefaultTextAttributes:@{NSForegroundColorAttributeName: [UIColor whiteColor]}];

    InformationsquelleAutor Brandon

  3. 3

    Set Suchtext Farbe

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

    Festlegen, Suche Platzhalter Farbe 

    (UITextField.appearance(whenContainedInInstancesOf: [UISearchBar.self]) ).attributedPlaceholder = [NSForegroundColorAttributeName: UIColor.white]
    Dieser ist ideal für die Suche nach Text-Farbe. Warum ist die Lösung um den Hintergrund zu Ändern, nicht für mich arbeiten?

    InformationsquelleAutor Donny

  4. 1

    meine zwei Cent für den Swift 4.x, leicht gereinigt.

    Fügen Sie im controller oder in der App-Delegate:

    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

    controller:

    self.searchBar.barTintColor = .blue

    Erhalten Sie Blauen hintergrund, grün, search bar hintergrund, Roter kursiver Schrift:

    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    Du hast vergessen zu erwähnen, wie ist appearance erklärt.
    richtig! //search bar: lassen Sie Aussehen = UITextField.Aussehen(whenContainedInInstancesOf: [UISearchBar.selbst -])

    InformationsquelleAutor ingconti

  5. 0

    Neben Darko Antwort.
    In meinem Fall ich brauche, um Reine weiße Suchfeld textfield Farbe.
    Auch ich brauche eine benutzerdefinierte Grenze und cornerRadius.
    Also, wenn ich nur einstellen, Hintergrundfarbe auf weiß, set custom corner radius und benutzerdefinierte Grenze habe ich so etwas wie dieses.
    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    Das problem ist, dass die search-bar hat einige Untersichten und ich habe Sie gerade entfernt.
    Hier ist mein code:

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

    Nun habe ich eine Suchleiste, mit der reinen weißen hintergrund, benutzerdefinierte cornerRadius, benutzerdefinierte Randbreite. Auch das habe ich deaktiviert, Grau-Hervorhebung, wenn auf Tippen Sie auf.
    iOS 11 anpassen, Suchleiste in der Navigationsleiste
    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    InformationsquelleAutor Alex Kolovatov

  6. 0

    Versuchte ich Daroko Lösung, aber ich hatte ein problem, wenn Sie den hintergrund rein weiße Farbe (es ist Grau).
    Meine Lösung die setSearchFieldBackgroundImage. ich möchte auch nicht darauf zu verlassen, Apfel Struktur, für die 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)
} }

    Ich verwendet UIImage Erweiterung von :
    Erstellen UIImage mit solid color in Swift

    InformationsquelleAutor Gal Danay

  7. -3

    Dieser code ändert die Hintergrundfarbe des Textfeldes

    Swift 4

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

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

        }

    bearbeitet: Beispiel einer UISearchBar in cyan

    iOS 11 anpassen, Suchleiste in der Navigationsleiste

    Funktioniert nicht. Oder ist es etwas, was ich möglicherweise fehlen?
    Funktioniert nicht für UISearchController, vielleicht klappt es ja für UISearchBar
    in ios 11 wird nicht funktionieren. situation wie @HamishJohnson
    Ich versuchte es erneut, und diese Linie der code funktioniert immer noch für mich, bearbeitete ich meine Antwort mit einem screenshot. Dies ist iOS 11
    funktioniert bei mir mit xcode 9.3 iOS 11.3

    InformationsquelleAutor Maruta

Schreibe einen Kommentar