Добавление UISearchBar программно в UITableView

Я пытаюсь добавить UISearchBar (с его соответствующей логикой поиска), но есть проблема: я использую подкласс UITableViewController автоматически созданный UITableView вместо отдельного файла nib, и манипулируя всем программным способом с точки зрения табличного представления.

В интерфейсе Builder есть возможность добавить панель поиска и контроллер отображения отображения в nib. Есть ли способ выполнить эту же задачу программно или это в мою пользу, чтобы отказаться от UITableView по умолчанию и перейти к пользовательскому UITableView файлу UITableView чтобы я мог легко добавить UISearchbar?

Кроме того, я попробовал тестирование, просто добавив viewDidLoad поиска в заголовок UITableView (где я хочу, чтобы он появился) через следующий код в моей реализации viewDidLoad, но он появляется за заголовком раздела таблицы и, следовательно, невидим, если только таблица прокручивается вниз, чтобы показать, что в противном случае было бы пробелом. Что с этим?

UISearchBar *testbar = [[UISearchBar alloc] init];

[[self tableView] setTableHeaderView:testbar];

ОТВЕТЫ

Ответ 1

Задайте кадр для UISearchBar:

// Change the position according to your requirements
self.searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 70, 320, 44)];

Если ваше представление является подклассом UITableViewController, измените его на UIViewController.

  • В вашем файле nib создайте представление и перетащите свой tableView под просмотреть и изменить ссылочный класс для этой UIViewController.

  • Создайте IBOutlet из UITableView * myTableView и подключите его к ваш файл nib. вам просто нужно изменить в своем файле VC, например self, на [self.myTableView reloadData];

Теперь вы можете настроить tableView и строку поиска в самом нибе.

Контроллер

UISearchDisplay имеет свой собственный UITableView, который отображает результаты поиска данных, управляемых другим контроллером представления. Здесь searchDisplaycontroller объединяет строку поиска и tableview для отображения данных результата в представлении таблицы, поэтому для этого не требуется отдельное представление таблицы.

Ответ 2

Чтобы добавить UISearchBar в UITableView, выполните следующие действия:

  • Объявить и инициализировать UISearchBar
  • Объявить и инициализировать UISearchDisplayController
  • Добавить searchBar в таблицуView
  • Внедрение делегата UISearchDisplayController
  • В файле заголовка я объявляю свой searchBar, searchDisplayController и массивы, содержащие данные для отображения.

ViewController.h:

#import 

@interface ViewController : UITableViewController
{
    NSArray *originalData;
    NSMutableArray *searchData;

    UISearchBar *searchBar;
    UISearchDisplayController *searchDisplayController;
}

@end

Я также добавил 2 делегата в класс: UISearchBarDelegate и UISearchDisplayDelegate, без, searchBar просто не работает!

Инициализация данных:

//ViewController.m

- (id)initWithStyle:(UITableViewStyle)style
{
    self = [super initWithStyle:style];
    if (self) {
        NSArray *group1 = [[NSArray alloc] initWithObjects:@"Napoli", @"Juventus", @"Inter", @"Milan", @"Lazio", nil];
        NSArray *group2 = [[NSArray alloc] initWithObjects:@"Real Madrid", @"Barcelona", @"Villareal", @"Valencia", @"Deportivo", nil];
        NSArray *group3 = [[NSArray alloc] initWithObjects:@"Manchester City", @"Manchester United", @"Chelsea", @"Arsenal", @"Liverpool", nil];

        originalData = [[NSArray alloc] initWithObjects:group1, group2, group3, nil];
        searchData = [[NSMutableArray alloc] init];
    }
    return self;
}

Теперь нам нужно инициализировать наш два объекта, я прокомментировал код, чтобы объяснить, что я делаю:

//ViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];

    searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
/*the search bar widht must be > 1, the height must be at least 44
(the real size of the search bar)*/

    searchDisplayController = [[UISearchDisplayController alloc] initWithSearchBar:searchBar contentsController:self];
/*contents controller is the UITableViewController, this let you to reuse
the same TableViewController Delegate method used for the main table.*/

    searchDisplayController.delegate = self;
    searchDisplayController.searchResultsDataSource = self;
//set the delegate = self. Previously declared in ViewController.h

    self.tableView.tableHeaderView = searchBar; //this line add the searchBar
                                                //on the top of tableView.
}

Я решил пропустить часть инициализации ячейки tableView, вы можете найти ее в загружаемом исходном коде.:)

Когда tableView готов приступить к реализации UISearchDisplayControllerDelegate!

У делегата есть много способов контролировать каждый аспект поиска, но наиболее важным является

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString

Этот метод вызывается каждый раз, когда вы вставляете новый символ в searchBar, вы берете searchString, выполняете поиск через элементы таблицы и возвращаете YES.

- (BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchString:(NSString *)searchString
{
    [searchData removeAllObjects];
    /*before starting the search is necessary to remove all elements from the
      array that will contain found items */

    NSArray *group; 

/* in this loop I search through every element (group) (see the code on top) in
the "originalData" array, if the string match, the element will be added in a
new array called newGroup. Then, if newGroup has 1 or more elements, it will be
added in the "searchData" array. shortly, I recreated the structure of the
original array "originalData". */

    for(group in originalData) //take the n group (eg. group1, group2, group3)
                               //in the original data
    {
        NSMutableArray *newGroup = [[NSMutableArray alloc] init];
        NSString *element;

        for(element in group) //take the n element in the group
        {                    //(eg. @"Napoli, @"Milan" etc.)
            NSRange range = [element rangeOfString:searchString
                                     options:NSCaseInsensitiveSearch];

            if (range.length > 0) { //if the substring match
                [newGroup addObject:element]; //add the element to group
            }
        }

        if ([newGroup count] > 0) {
            [searchData addObject:newGroup];
        }

        [newGroup release];
    }

    return YES;
}

Вот и все! Этот метод будет выполнять полнотекстовый поиск во всех элементах. Когда поиск заканчивается, tableView перезагружается. Подробнее см. В исходном коде.

Загрузить исходный файл (ссылка UPDATED! (04.01.2016))

Ответ 3

Внедрить - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section. Это решит проблему раздела Label, охватывающего headerView

Ответ 4

в быстрой:

    let searchController = UISearchController(searchResultsController: nil)

    let topConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Top, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Top, multiplier: 1, constant: 40)
    let leftConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Left, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Left, multiplier: 1, constant: 0)
    let rightConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Right, relatedBy: NSLayoutRelation.Equal, toItem: self.view, attribute: NSLayoutAttribute.Right, multiplier: 1, constant: 0)
    let heightConstraint = NSLayoutConstraint(item: searchController.searchBar, attribute: NSLayoutAttribute.Height, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1, constant: 44)
    searchController.searchBar.translatesAutoresizingMaskIntoConstraints = false

    searchController.searchBar.addConstraint(heightConstraint)

    searchController.searchBar.placeholder = "Search Here"
    searchController.searchResultsUpdater = self
    searchController.searchBar.delegate = self

    self.view.addSubview(searchController.searchBar)

    self.view.addConstraints([topConstraint, leftConstraint, rightConstraint])

добавить делегата:

    class ViewController: UIViewController, UISearchBarDelegate

теперь добавьте метод делегата для перезагрузки вида таблицы:

    func searchBarTextDidBeginEditing(searchBar: UISearchBar) {
        //add your custome code here after search a string
        tableView.reloadData()
    }

    func searchBarTextDidEndEditing(searchBar: UISearchBar) {
        //add your custome code here after finishing search 
        tableView.reloadData()

    }