CODEWITHSUNDEEP
iosswiftuisearchbar
Lifeplus
Lifeplus

Reputation: 571

How to change border and icons in Search bar (Swift)

I have this:

http://postimg.org/image/ag29m3e7d/

and I need this

http://postimg.org/image/4bacislw5/

I have to create border or set it by image? How to change search icons(magnifier and X icon) or could I change just colors?

Sorry for links but I cannot insert images here.

Upvotes: 5

Views: 10852

Answers (2)

villy393
villy393

Reputation: 3063

To add borders use the views layer property. 

self.searchBar.layer.borderColor = UIColor.blueColor().CGColor
self.searchBar.layer.borderWidth = 1

If you want to add the corner radius to the searchBar:

self.searchBar.layer.cornerRadius = 3.0
self.searchBar.clipsToBounds = true

To change the searchIcon call the following method on the searchbar:

self.searchbar.setImage(image, icon: UISearchBarIcon. UISearchBarIcon.Search, state: UIControlState.Normal)

To change the cross:

self.searchbar.setImage(image, icon: UISearchBarIcon. UISearchBarIcon.Clear, state: UIControlState.Normal)

Upvotes: 19

Darvish Kamalia
Darvish Kamalia

Reputation: 817

For the border, select your UITextField in story board, then, in the attributes inspector, choose the border style.

Upvotes: 0

Related Questions