Arama çubuğunu özelleştirme

Question

Arama çubuğunu tasarlıyorum. Görüntüde bir tane gibi görünmesi için arama çubuğuna ihtiyacım var. Birkaç yol denedim ama değişiklik yok. Çok takdir yardımcı olur.

[Düzenlendi] Richards kod kullandıktan sonra görüntünün göründüğü gibi görün. Gri rengin açık olmasını istiyorum.

Answer 1

self.searchBar bir IBOutlet olduğunu değiştirmek için resim kullanabilirsiniz. Dinamik olarak da oluşturabilirsiniz.

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; 

Çıktı: bulabilir bazı özel çözümler kullanmak Örneğin SSSearchBar için (Bu özelleştirme için daha iyi) ya da deneyebilirsiniz

Answer 2

Sen UISearchBar appearance-

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

Answer 3

bazı benzer Richards kullandıktan sonra arayıcı tarzı ne