UISearchBar - scope bar animated

Question

I've found example of animated search-bar with scope bar under "UISearchDisplayDelegate Protocol Reference"(SearchBar-animated-sample ), here is a video preview: SearchBarAnimated-video

I've checked sample code, but I can't find the code that triggers animation. Does anyone knows how to create that animation ? Do you have to use UISearchBarDelegate to get that animation ?

score 1 · Answer 1 · answered Apr 08 '14 at 08:23

Inorder to control the animations of UISearchBar you have implement the delegates of UISearchDisplayController by extending in your header file. The delegates are as follows;

    - (void)searchDisplayControllerWillBeginSearch:(UISearchDisplayController *)controller
    {
        [UIView beginAnimations:nil context:NULL];
        self.searchDisplayController.searchBar.showsScopeBar = NO;
        CGRect headerViewFrame = self.searchDisplayController.searchBar.frame;
        headerViewFrame.origin.y -= 54.0f;
        self.searchDisplayController.searchBar.frame = headerViewFrame;

        CGRect tableViewFrame = self.tableView.frame;
        tableViewFrame.origin.y -= 54.0f;
        self.tableView.frame = tableViewFrame;

        [UIView commitAnimations];
    }

    -(void)searchDisplayControllerWillEndSearch:(UISearchDisplayController *)controller
    {
        [UIView beginAnimations:nil context:NULL];

        CGRect headerViewFrame = self.searchDisplayController.searchBar.frame;
        headerViewFrame.origin.y += 54.0f;
        self.searchDisplayController.searchBar.frame = headerViewFrame;

        CGRect tableViewFrame = self.tableView.frame;
        tableViewFrame.origin.y += 54.0f;
        self.tableView.frame = tableViewFrame;

        [UIView commitAnimations];
    }

searchDisplayController is not deprecated in iOS8, replaced by searchController. Do you have any idea to deal with a searchBar with a compatibility between iOS7+ — Ben, Jul 15 '15 at 09:37

score 0 · Answer 2 · edited May 23 '17 at 10:26

0

I found the answer to this question more useful though it doesn't automatically transition the search bar to the top of your view.

How do you hide/show UISearchBar's scope bar with animation?

edited May 23 '17 at 10:26

Community

1
1

answered May 11 '12 at 06:09

erran

1,300
2
15
36

score 0 · Answer 3 · answered Oct 15 '14 at 03:19

This works well for me in Xcode 6. If you have auto layout constraints in place then you may need to add in adjustments for them as I've done (didn't work without them).

- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar
{
    searchBar.showsScopeBar = YES;
    searchBarHeightConstraint.constant = 88; // Changes from 44 to 88 with scope bar
    tableViewHeightConstraint.constant = 480; // Changes from 524 to 480 with scope bar

    [UIView animateWithDuration:0.3
                     animations:^{
                         CGRect newFrame = tableView.frame;
                         newFrame.origin.y = 88;
                         tableView.frame = newFrame;
                     }];

    return YES;
}

- (BOOL)searchBarShouldEndEditing:(UISearchBar *)searchBar
{
    searchBar.showsScopeBar = NO;
    searchBarHeightConstraint.constant = 44;
    tableViewHeightConstraint.constant = 524;

    [UIView animateWithDuration:0.3
                     animations:^{
                         CGRect newFrame = tableView.frame;
                         newFrame.origin.y = 44;
                         tableView.frame = newFrame;
                     }];
    return YES;
}

Cameron Lowell Palmer · Answer 4 · 2015-06-06T08:58:00.970

sizeToFit in an Animation block

The UISearchBar w/ scope bar is easily animated. UISearchBar has a height of 44.f before calling sizeToFit with the scope bar and then becomes 88.f. In my case, the UISearchBar was embedded in a UITableView within Interface Builder so it was not possible to add auto layout constraints.

#pragma mark - UISearchBarDelegate methods

- (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar
{
    searchBar.showsScopeBar = YES;
    [UIView animateWithDuration:0.2f animations:^{
        [searchBar sizeToFit];
    }];

    [searchBar setShowsCancelButton:YES animated:YES];

    return YES;
}

- (BOOL)searchBarShouldEndEditing:(UISearchBar *)searchBar
{
    searchBar.showsScopeBar = NO;
    [searchBar sizeToFit];

    [searchBar setShowsCancelButton:NO animated:YES];

    return YES;
}

score 0 · Answer 5 · answered Sep 25 '11 at 11:09

0

It's built right in to UISearchBar. Apple does this for you, you don't have to call any method by yourself.

Basically, from the moment you set your search bar's scopeButtonTitles property, Apple will animate the scope bar.

answered Sep 25 '11 at 11:09

cutsoy

10,127
4
40
57

Where do you have to add UISearchBar ? I've added it to tableView, but when I click on it, it doesn't move up to navigation title. Do you have to call "searchBar.showsScopeBar = YES;" to display scope bar(animated) ? – OldFox Sep 25 '11 at 18:14
1

I think you're looking for my answer here: http://stackoverflow.com/questions/1302962/uisearchbar-sample-code/1304301#1304301 – cutsoy Sep 25 '11 at 19:34

UISearchBar - scope bar animated

5 Answers5

sizeToFit in an Animation block