How to set up UISearchBar in UICollectionView?

Question

I'm trying to add in the ability to search through my CollectionView. Currently I've added the search bar in storyboard, and I've added UISearchBarDelegate and UISearchDisplayDelegate to my CollectionView.h file which looks like:

#import <UIKit/UIKit.h>
#import <Parse/Parse.h>
#import "Cell.h"
#import "DetailViewController.h"

@interface CollectionViewController : UICollectionViewController <UICollectionViewDelegate, UICollectionViewDataSource, UISearchBarDelegate, UISearchDisplayDelegate> {

    NSArray *imageFilesArray;
}

@property (strong, nonatomic) IBOutlet UICollectionView *imagesCollection;

@property (strong, nonatomic) IBOutlet UISearchBar *searchBar;
@property (strong, nonatomic) NSMutableArray *filteredArray;

@end

My CollectionView.m file is as follows:

#import "CollectionViewController.h"

@interface CollectionViewController ()

@end

@implementation CollectionViewController

@synthesize imagesCollection;
@synthesize searchBar;
@synthesize filteredArray;

static NSString * const reuseIdentifier = @"MainCell";

- (void)viewDidLoad {
    [super viewDidLoad];
    [self queryParseMethod];

    self.searchDisplayController.displaysSearchBarInNavigationBar = YES; >   
    self.filteredArray = [NSMutableArray arrayWithCapacity:[imageFilesArray count]];

}
#pragma mark Content Filtering
-(void)filterContentForSearchText:(NSString*)searchText scope:(NSString*)scope {

    [self.filteredArray removeAllObjects];

    NSPredicate *predicate = [NSPredicate predicateWithFormat:@"SELF contains %@",searchText];
    filteredArray = [NSMutableArray arrayWithArray:[imageFilesArray filteredArrayUsingPredicate:predicate]];
}

From here on the protocol in a table view would be as follows, but I'm not sure how to achieve this same result with a CollectionView.

#pragma mark - UISearchDisplayController Delegate Methods

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

    [self filterContentForSearchText:searchString scope:
     [[self.searchDisplayController.searchBar scopeButtonTitles] objectAtIndex:[self.searchDisplayController.searchBar selectedScopeButtonIndex]]];

    return YES;
}

-(BOOL)searchDisplayController:(UISearchDisplayController *)controller shouldReloadTableForSearchScope:(NSInteger)searchOption {

    [self filterContentForSearchText:self.searchDisplayController.searchBar.text scope:
     [[self.searchDisplayController.searchBar scopeButtonTitles] objectAtIndex:searchOption]];

    return YES;
}

Does anyone have any ideas of how to implement this in the CollectionVIew?

Welcome to the Treehouse Community

Looking to learn something new?

chz

chz

How to set up UISearchBar in UICollectionView?