adding UISearchBar to UICollectionviewController embedded into NavigationController IOS6

Question

I would like to add a searchbar to a UICollectionViewController, that's embedded the following way: UItabbarController > UINavigationbarController > UICollectionViewController > SearchBar (!) In this view, the search bar would replace the NavigationBar.

Under the same design, if I test the above with a UITableViewController, the searchbar shows up fine (both programmatically and via the Storyboard)

Problem is I can't get to add the search bar over the UICollectionViewController when I use the StoryBoard framework; it just sits in the middle of the view, and I'm clueless as to how to move it to the top. Plus, it always appears below the UICollectionview, so it's not visible.

So, taking the other route, programmatically:

-(void)viewWillAppear:(BOOL)animated{
self.searchBarTop = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
[self.searchBarTop setPlaceholder:@"Enter your command here"];
self.searchDC = [[UISearchDisplayController alloc]initWithSearchBar:self.searchBarTop contentsController:self];
self.searchBarTop.delegate = self;

[[self navigationController] setNavigationBarHidden:NO animated:animated];
[self.navigationController.navigationBar addSubview:self.searchBarTop];
}

With this, the search bar shows up fine. But unfortunately, when I type in some text, it disappears above the view - presumably because the underlying navBar does so - (don't know why...)

I'm not sure exactly why the searchbar is fine with a UITableViewController, and why it is such a pain for a UICollectionViewController. That said, anyone has a clue as to why the searchbar/navBar disappear, and how I can fix that ?

Any solution is welcome..

thanks ! -A

LJ Wilson · Accepted Answer · 2012-12-04 15:42:34Z

8

Add a Header and put the SearchBar in that (that is what I have done in the past). That being said, I have gotten in the habit of hardly ever using either a UITableViewController (unless I am implementing a StaticCell TableView) or a UICollectionViewController. What I would suggest is to implement a standard UIViewController and just add in your UICollectionView. Size the CollectionView down some and put the SearchBar at the top. This allows you to have a SearchBar that is always displayed (which my users generally like better than having to scroll to the top to change, edit a search)

answered Dec 4, 2012 at 15:42

LJ Wilson

14.4k5 gold badges40 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Alex Over a year ago

Thanks ! That might be a solution that I'll have to consider, I agree, as it seems the UICollectionviewController uses 100% of the view. I'd like to have the search bar hidden/visible on demand, so the navBar provided an easy way out. Doing the same with a UIViewController, while allowing the uicollectionview to resize properly will require some rework though. I'd rather avoid it if I can. for now.

Alex Over a year ago

In a header no, as this option isn't what I'm looking for (the search bar will scroll with the view). I might try the other - UIViewController - though I tend to think I should conform to UICollectionViewController/UICollectionView pair.

LJ Wilson Over a year ago

If you don't want it to scroll with the scrollview, you will need to use a ViewController and then add your CollectionView

Alex Over a year ago

you're right, but this is kind of adding heterogeneity in the code, making it a lot less reusable. I might have to rethink the whole stuff. I still don't get why it's working fine with UITableviewController, and so broken with UICollectionViewController. Anyway, Jay, thanks for your help !

LJ Wilson Over a year ago

You don't have to add it to the header in code. That can be done in Interface Builder.

Eugene · Accepted Answer · 2013-01-07 21:50:17Z

8

I use the following code to add a UISearchBar to the UICollectionViewController. Unfortunately I couldn't make UISearchDisplayController working.

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.collectionView.frame), 44)];
    self.searchBar.autocorrectionType = UITextAutocorrectionTypeNo;
    self.searchBar.delegate = self;
    [self.collectionView addSubview:self.searchBar];
    [self.collectionView setContentOffset:CGPointMake(0, 44)];
}

- (void) viewWillAppear:(BOOL)animated{
    // to show search bar
    [self.collectionView setContentOffset:CGPointMake(0, 0)];
    // to hide search bar
    [self.collectionView setContentOffset:CGPointMake(0, 44)];
}

-(void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar {
    [searchBar setShowsCancelButton:YES animated:YES];
}

-(void)searchBarCancelButtonClicked:(UISearchBar *)searchBar {
    [searchBar setText:@""];
    [searchBar setShowsCancelButton:NO animated:YES];
    [searchBar resignFirstResponder];
}

answered Jan 7, 2013 at 21:50

Eugene

2233 silver badges6 bronze badges

2 Comments

Alex Over a year ago

Hi Eugene, thanks! In fact, this is pretty much Jay's solution, which wasn't exactly what I needed. In the interim, I found this one: stackoverflow.com/questions/10617330/…, which works fine for my needs. cheers.

Yunus Eren Güzel Over a year ago

In addition to this approach, you can set the layout's headerReferenceSize property as CGSizeMake(320.0,44.0) so that the content will start after point 44.0

Collectives™ on Stack Overflow

adding UISearchBar to UICollectionviewController embedded into NavigationController IOS6

2 Answers 2

5 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related