Как показать UISearchBar сверху экрана для контроллера табличного представления

Question

Я ищу дубликат того, как приложение Facebook Messenger показывает UISearchBar. Когда вы нажимаете на leftBarButtonItem в navigationBar, UISearchBar появляется/анимируется сверху экрана, а когда вы отменяете его, он просто исчезает вверх, откуда он появился.

Раньше у меня был UISearchBar как настройка по умолчанию в заголовке моего таблицы (в раскадровке), но теперь я хочу сделать то, что я сказал выше, но я не уверен, с чего начать. Мой диспетчер дисплея поиска по-прежнему находится в моей раскадровке, но я удалил searchBar из контроллера tableView в раскадровке.

Я ценю любую помощь, предлагаемую!

Answer 1

Опуская подробности моего проекта, где я делаю то же самое, он выглядит следующим образом:

static CGFloat searchBarHeight = 64.0; 

@implementation 
{ 
    NSArray *_tableData; // active list of data to show in table at the moment 
    NSMutableArray *_filteredContacts; // filtered list while search is active 
    NSArray *_allContacts; // initial list of all data without search 
    UIView* _searchBarWrapper; 
    UIView *_shadowView; 
    UISearchBar *_searchBar; 
} 

- (void)loadView 
{ 
    [super loadView]; 

    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemSearch target:self action:@selector(showSearchBar:)]; 

    _searchBarWrapper = [[UIView alloc] initWithFrame:CGRectMake(0, -searchBarHeight, self.navigationController.view.bounds.size.width, searchBarHeight)]; 
    _searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 20.0, _searchBarContainer.bounds.size.width, searchBarHeight - 20.0)]; 
    [_searchBarContainer addSubview:_searchBar]; 
    [self.navigationController.view addSubview:_searchBarContainer]; 

    _shadowView = [[UIView alloc] initWithFrame:self.navigationController.view.bounds]; 
    _shadowView.backgroundColor = [UIColor blackColor]; 
    _shadowView.alpha = 0; 
    [self.navigationController.view addSubview:_shadowView]; 
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hideSearchBar:)]; 
    UISwipeGestureRecognizer *swipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(hideSearchBar:)]; 
    [_shadowView addGestureRecognizer:tapGesture]; 
    [_shadowView addGestureRecognizer:swipeGesture]; 

    //_searchController = [[UISearchDisplayController alloc] initWithSearchBar:_searchBar contentsController:self]; 
    //_searchController.delegate = self; 
    //_searchController.searchResultsDataSource = self; 
    //_searchController.searchResultsDelegate = self; 
} 

- (void)showSearchBar:(id)sender 
{ 
    [_searchBar becomeFirstResponder]; 
    [UIView animateWithDuration:0.25 animations:^{ 
     _searchBarWrapper.center = CGPointMake(_searchBar.center.x, searchBarHeight/2.0); 
     _shadowView.alpha = 0.5; 
    }]; 
} 

- (void)hideSearchBar:(id)sender 
{ 
    _searchBar.text = nil; 
    [_tableView reloadData]; 

    [UIView animateWithDuration:0.25 animations:^{ 
     _searchBarWrapper.center = CGPointMake(_searchBar.center.x, -searchBarHeight/2.0); 
     _shadowView.alpha = 0.0; 
    }]; 
    [_searchBar resignFirstResponder]; 
    [_tableView reloadData]; 
} 

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section 
{ 
    _tableData = _searchBar.isFirstResponder ? _filteredContacts : _allContacts; 

    .................... 
} 


- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText 
{ 
    if (searchText.length) { 

     _filteredContacts = ....; 

     _shadowView.alpha = 0.0; 
     [_tableView reloadData]; 
    } 
    else { 
     _shadowView.alpha = 0.5; 
    } 
} 

- (void)searchBarCancelButtonClicked:(UISearchBar*)searchBar 
{ 
    [self hideSearchBar:searchBar]; 
} 

Примечание: Общее поведение этой конструкции является аналогом UISearchDisplayController, единственное отличие состоит в том, что мы используем в той же таблице, чтобы показать все результаты и результат фильтрации. Также нам нужен искусственный теневой вид.

Это был мой первоначальный код, и его поведение совпадает с контроллером просмотра FB People. После вашего комментария я написал стандарт UISearchDisplayController, но после прокомментировал это, потому что он разбивает желаемый пользовательский интерфейс. Невозможно изменить его анимационное поведение.

Answer 2

Похоже, что Facebook скрывает панель навигации и отображает панель поиска и поисковый контроллер дисплея сверху. Попробуйте скрыть навигационную панель с помощью [self.navigationController setNavigationBarHidden:YES animated:NO]; и представить свою панель поиска и Search Display в виде childView вашего TableView. (Я предполагаю, что вы знаете, как «Search Bar and Search Display Controller» объект работает)

Другим способ будет избежать UITableViewController и добавлением UITableView внутри UIViewController и скрыть панель поиска под панелью навигации так, когда вы скрыть панель навигации, панель поиска является видимый.

Вы также можете установить UISearchBar как UINavigationBar titleView как described here.

Answer 3

Проверьте код приложения UICatalog от Apple. В основном просто представляйте свой UISearchController, и вы получите анимацию выпадающего меню бесплатно.