2016-04-11 8 views
0

Ich entwerfe eine Suchleiste. Ich brauche die Suchleiste, um wie eine im Bild zu sehen. Habe einige Wege versucht, aber keine Änderungen. Hilfe sehr geschätzt. enter image description hereSuchleiste anpassen

[Bearbeitet] Siehe das Bild nach der Verwendung von Richards Code sieht es so aus. Ich möchte, dass die graue Farbe klar ist. enter image description here

+0

was nach der Verwendung von Richards Ihre searchbar Stil Code? –

+0

Stil ist Standard @ Dev.RK – iDeveloper

Antwort

2

self.searchBar ist ein IBOutlet zu ändern. Sie können es auch dynamisch erstellen.

self.searchBar.layer.borderWidth = 2.0; 
self.searchBar.layer.borderColor = [UIColor brownColor].CGColor; 
self.searchBar.layer.cornerRadius = 15.0; 
self.searchBar.barTintColor = [UIColor colorWithRed:255/255.0 green:246/255.0 blue:241/255.0 alpha:1.0]; 
self.searchBar.backgroundColor = [UIColor clearColor]; 

UITextField *textField = [self.searchBar valueForKey:@"_searchField"]; 
textField.textColor = [UIColor brownColor]; 
textField.placeholder = @"Search"; 
textField.leftViewMode = UITextFieldViewModeNever; //hiding left view 
textField.backgroundColor = [UIColor colorWithRed:255/255.0 green:246/255.0 blue:241/255.0 alpha:1.0]; 
textField.font = [UIFont systemFontOfSize:18.0]; 
[textField setValue:[UIColor brownColor] forKeyPath:@"_placeholderLabel.textColor"]; 

UIImageView *imgview = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 20, 30)]; 
imgview.image = [UIImage imageNamed:@"searchIcon.png"]; //you need to set search icon for textfield's righ view 

textField.rightView = imgview; 
textField.rightViewMode = UITextFieldViewModeAlways; 

Ausgang:

enter image description here

+0

Der Code funktioniert, aber die graue Farbe, die Standard-Suchleiste hat, ist immer noch da, und daher sieht es nicht gut aus. – iDeveloper

+0

Überprüfen Sie das Update für das Bild – iDeveloper

+0

siehe Ausgabe ..... –

0

können Sie Bild verwenden UISearchBar Erscheinung-

[[UISearchBar appearance] setBackgroundColor:[UIColor clearColor]]; 
[[UISearchBar appearance] setBackgroundImage:[UIImage imageNamed:@"searchBG.png"]]; 
[[UISearchBar appearance] setSearchFieldBackgroundImage:[UIImage imageNamed:@"search.png"] forState:UIControlStateNormal]; 
0

Sie einige benutzerdefinierte Lösungen verwenden können (es ist besser für die Anpassung) Zum Beispiel SSSearchBar oder versuchen, einige finden ähnliche