Customize UITextfield of the UISearchbar - iOS
For those still looking for an answer, Apple has added the searchTextField
property to UISearchBar in iOS 13. searchTextField
is a UISeachTextField which inherits from UITextField.
let searchBar = UISearchBar()
var searchField : UITextField
if #available(iOS 13.0, *) {
searchField = searchBar.searchTextField
} else {
searchField = //One of the other methods listed
}
This is an easy way to get textfield from UISearchBar subview hierarchy and set its properties as needed like
UITextField *txfSearchField = [searchbar valueForKey:@"_searchField"];
[txfSearchField setBackgroundColor:[UIColor whiteColor]];
[txfSearchField setLeftView:UITextFieldViewModeNever];
[txfSearchField setBorderStyle:UITextBorderStyleRoundedRect];
txfSearchField.layer.borderWidth = 8.0f;
txfSearchField.layer.cornerRadius = 10.0f;
txfSearchField.layer.borderColor = [UIColor clearColor].CGColor;
iOS 13.x & Swift 5.x:
Do the following to access the UITextField
in UISearchBar
.
extension UISearchBar {
/// Returns the`UITextField` that is placed inside the text field.
var textField: UITextField {
if #available(iOS 13, *) {
return searchTextField
} else {
return self.value(forKey: "_searchField") as! UITextField
}
}
}
Use the following if you don't want to use undocumented features or use an image:
CGSize size = CGSizeMake(30, 30);
// create context with transparent background
UIGraphicsBeginImageContextWithOptions(size, NO, 1);
// Add a clip before drawing anything, in the shape of an rounded rect
[[UIBezierPath bezierPathWithRoundedRect:CGRectMake(0,0,30,30)
cornerRadius:2.0] addClip];
[[UIColor whiteColor] setFill];
UIRectFill(CGRectMake(0, 0, size.width, size.height));
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
[self.searchBar setSearchFieldBackgroundImage:image forState:UIControlStateNormal];