Change UISearchbar Magnifying Glass Color, PlaceHolder Color, and X Color

Question

I've searched various solutions to accomplish this task but they are either in objective C or involve replacing the magnifying glass image.

Previous Posts I looked at:

Change color of magnifying glass

How to change UISearchBar Placeholder and image tint color?

The reason I dont want to replace the image of the magnifying glass is because the page color is dynamic and there are over 100+ color combinations

Any help on changing the UISearchbar Magnifying Glass Color, PlaceHolder Color, and X Color would greatly be appreciated

have you tried those posts you looked at ? Forget about replacing the image. What about placeholder colour and tint colour? Did you try anything? — Teja Nandamuri, Dec 26 '15 at 16:40
Have you look at this tutorial yet: http://www.appcoda.com/custom-search-bar-tutorial/ — Twitter khuong291, Dec 26 '15 at 16:40
@Mr.T I've replaced the tintcolor which changes the font color of the typed text and cancel button but not the placeholder or X button. — SlopTonio, Dec 26 '15 at 16:51
One of the posts you looked at suggests a way to change the placeholder colour , did u try that ? — Teja Nandamuri, Dec 26 '15 at 16:54
@Mr.T I got the place holder textcolor to change using attributedtext properties. I'm still working on figuring out how to change the X and magnifying glass — SlopTonio, Dec 26 '15 at 17:02
look at this http://stackoverflow.com/questions/27944781/how-to-change-the-tint-color-of-the-clear-button-on-a-uitextfield — Teja Nandamuri, Dec 26 '15 at 17:06
@Mr.T would this be considered as modifying a private property or api which would result in my app getting rejected from the app store? — SlopTonio, Dec 26 '15 at 17:13

score 15 · Answer 1 · answered Sep 17 '16 at 17:02

Objective C :

NSArray *searchBarSubViews = [[self.searchBar.subviews objectAtIndex:0] subviews];
for (UIView *view in searchBarSubViews) {
    if([view isKindOfClass:[UITextField class]])
    {
        UITextField *textField = (UITextField*)view;
        UIImageView *imgView = (UIImageView*)textField.leftView;
        imgView.image = [imgView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
        imgView.tintColor = [UIColor whiteColor];

        UIButton *btnClear = (UIButton*)[textField valueForKey:@"clearButton"];
        [btnClear setImage:[btnClear.imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];
        btnClear.tintColor = [UIColor whiteColor];

    }
}
[self.searchBar reloadInputViews];

Swift :

// Text field in search bar.
let textField = searchController.searchBar.valueForKey("searchField") as! UITextField

let glassIconView = textField.leftView as! UIImageView
glassIconView.image = glassIconView.image?.imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)
glassIconView.tintColor = UIColor.whiteColor()

let clearButton = textField.valueForKey("clearButton") as! UIButton
clearButton.setImage(clearButton.imageView?.image?.imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate), forState: .Normal)
clearButton.tintColor = UIColor.whiteColor()

score 3 · Answer 2 · answered Jun 01 '17 at 15:51

Shahil's answer updated for Swift 3:

let textField = searchBar.value(forKey: "searchField") as! UITextField

let glassIconView = textField.leftView as! UIImageView
glassIconView.image = glassIconView.image?.withRenderingMode(.alwaysTemplate)
glassIconView.tintColor = .white


let clearButton = textField.value(forKey: "clearButton") as! UIButton
clearButton.setImage(clearButton.imageView?.image?.withRenderingMode(.alwaysTemplate), for: .normal)
clearButton.tintColor = .white

score 0 · Answer 3 · edited Nov 13 '22 at 22:20

0

func setupPlaceHolder(text: String, textColor: UIColor) {
  searchBar.searchTextField.attributedPlaceholder = NSAttributedString(
    string: text,
    attributes: [.foregroundColor: textColor]
  )
        
  searchBar.searchTextField.leftView?.tintColor = .white
}

edited Nov 13 '22 at 22:20

Tyler2P

2,324
26
22
31

answered Nov 09 '22 at 09:10

Stephanie Lisker

1

Please fix the formatting of your answer. Also, code-only answers are not considered very helpful. it's best to explain what the code does and how it solves the issue in the question. – HangarRash Nov 12 '22 at 16:29

Change UISearchbar Magnifying Glass Color, PlaceHolder Color, and X Color

3 Answers3