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

Question

I have it:

and i need it

Do I need to create a border or set it on the image? How do I change the search icons (zoom and X) or can I only change the colors?

Sorry for the links, but I cannot insert images here.

+3

Lifeplus Jul 14 15 at 17:12

2 answers

For the border, select your UITextField in the Stories panel, then in the Attributes inspector select a border style.

0

Darvish Kamalia Jul 14 15 at 17:20

villy393 · Accepted Answer · 2015-07-14T17:57:56+0000

To add borders, use the views layer

.

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

If you want to add corner radius to searchBar:

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

To change your search, do the following in the search bar:

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)