How to animate in a search bar in Swift?

Question

I need some help with animiting (sliding in) a search bar using swift, I've tried looking up tutorials etc but I can't seem to find anything. A visual representation would be something like this:

When I click the magnifying glass icon on the right of the navigation bar, I want the search bar to slide in from the left. All the tutorials that I found were about creating search bars under navigation bars or static ones etc.

score 0 · Answer 1 · answered Jul 24 '18 at 09:27

0

You can check out navigationItem.titleView to place the search bar directly on the navigation bar, but implementing the animation you desire will be a very tricky. Also take a look at this question which contains some tips regarding your question.

answered Jul 24 '18 at 09:27

cocavo

163
8

Thanks I'll have a look! – Misbah Ali Jul 25 '18 at 17:45

score 0 · Answer 2 · answered Feb 28 '19 at 06:18

First i declare the search bar:

var searchBar: UISearchBar!

on viewDidLoad() function i initiated the searchbar as follows:

self.searchBar = UISearchBar(frame: CGRect(x:300, y:0, width:300, height:20))

When the magnifying glass is clicked, i run the following code:

UIView.animate(withDuration: 0.25) {
    self.searchBar.frame = CGRect(x:0, y:0, width:300, height:20)
}

Hope this helps!

score 0 · Answer 3 · answered Aug 12 '19 at 01:43

You could implement UISearchBarDelegate and play with some kind of alpha or size animations like this:

class MyViewController: UIViewController, UISearchBarDelegate {
    func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {

        UIView.animate(withDuration: 0.6, animations: { /*animate here*/ }, completion:  nil)
    }
}

How to animate in a search bar in Swift?

3 Answers3