如何爲Collection視圖設置Searchbar

Question

我正在開發一個使用storyboard的iPad應用程序。我的storyboard中有兩個名稱爲nameCollectionView和dataColletionView的收藏視圖以及一個名爲languageTableView的表視圖。我需要爲nameCollectionView實施搜索欄。對於此CollectionView我使用來自resultArray的數據配置單元。

我的第一個問題是：
1）是否可以爲收藏視圖設置搜索欄？
2）如何爲我的名字集視圖設置搜索欄？

有人幫我實現了以下功能。你

Answer 1

也應該嘗試這樣的：

- (void)searchBar:(UISearchBar *) searchBar textDidChange:(NSString *)searchText { 
if (searchBar.text && [searchBar.text length]) { 
    NSPredicate *filterPredicate = [NSPredicate predicateWithFormat:@"name CONTAINS[cd] %@", searchBar.text]; 
    self.filteredData= [self.allData filteredArrayUsingPredicate:filterPredicate]; 

} else { 
    self.filteredData = allData; 
} 

[nameCollectionView reloadData]; 

}

Answer 2

1. 是是可能的。 2.這是：

==================================

#pragma mark - Search Bar Delegate 
- (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar { 
    isSearching = true; } 

- (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText { 
    //Remove first 
    [self.filteredNames removeAllObjects]; 
    [self.filteredSections removeAllObjects]; 

    if([searchText length] != 0) { 
     isSearching = true; 
     // Filter the array using NSPredicate 

     for (int i = 0; i<[self.allNames count]; i++) { 
      NSPredicate *predicate = [NSPredicate predicateWithFormat:@"SELF.name contains[c] %@",searchText]; 
      NSArray *predicatedArray = [NSMutableArray arrayWithArray:[self.allNames[i] filteredArrayUsingPredicate:predicate]]; 

      if([predicatedArray count] != 0){ 
       [self.filteredNames addObject:predicatedArray]; 
       [self.filteredSections addObject:[self.orderedSections objectAtIndex:i]]; 
      } 
     } 
    } 
    else { 
     isSearching = false; 
     self.filteredNames = [NSMutableArray arrayWithArray:self.allNames]; 
     self.filteredSections = [NSMutableArray arrayWithArray:self.orderedSections]; 
    } 
    [self.collectionView reloadData]; } 

- (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar { } 

- (void)searchBarSearchButtonClicked:(UISearchBar *)searchBar { 
    [searchBar resignFirstResponder]; } 






#pragma mark - Collection Delegate Methods 
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{ 
    return [self.filteredNames count]; } 

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{ 
    return [[self.filteredNames objectAtIndex:section] count]; } 

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{ 

    UICollectionReusableView *reusableview = nil; 


    //Header 
    //if (kind == UICollectionElementKindSectionHeader) 
    NamesListCollectionHeaderView *headerView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"NamesListCollectionHeaderView" forIndexPath:indexPath]; 
    if (headerView==nil) { 
     headerView = [[[NSBundle mainBundle] loadNibNamed:@"NamesListCollectionHeaderView" owner:self options:nil] objectAtIndex:0]; 
    } 
    if (self.filteredSections.count != 0) { 
     //Text 
     headerView.title.text=[self.filteredSections objectAtIndex:indexPath.section]; 
    }else{ 
     headerView.title.text=@""; 
    } 

    reusableview = headerView; 
    return reusableview; 

    //Footer 
    //if (kind == UICollectionElementKindSectionFooter) {} 

    return nil; 
    } 

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{ 

    //Init of the Cell 
    NameCollectionCellController *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"NameCollectionCell" forIndexPath:indexPath]; 
    if(cell == nil){ 
     cell = [[NameCollectionCellController alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 140.0f, 160.0f)]; 
    } 

    //Name 
    Name *curName; 

    curName = [[self.filteredNames objectAtIndex:indexPath.section] objectAtIndex:indexPath.row]; 

    //Set Cell 
    [cell setCell]; 

    //Set Selected 
    if (curName == ((NamesViewController*)self.parentViewController).curName) { 
     [cell setSelected:YES]; 
     [cell setSelectedBorder]; 
    }else{ 
     [cell setDeselected]; 
     [cell setSelected:NO]; 
    } 

    //Title 
    cell.nameValueLabel.text = curName.name; 

    return cell; } 

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{ 

    [self collectionView:self.collectionView didDeselectItemAtIndexPath:self.curIndexPath]; 

    //Set Cur Name 
    if ([self. filteredNames count]>0) { 

     self.curIndexPath = indexPath; 
     ((NamesViewController*)self.parentViewController).curName 
= [[self.filteredNAmes objectAtIndex:indexPath.section] objectAtIndex:indexPath.row]; 

     self.curCell = (NameCollectionCellController *)[collectionView cellForItemAtIndexPath:indexPath]; 
     [self.curCell setSelectedBorder]; 
     [self.collectionView scrollToItemAtIndexPath:indexPath atScrollPosition:UICollectionViewScrollPositionCenteredVertically animated:YES]; 

     [self.collectionView reloadData]; 

     [[NSNotificationCenter defaultCenter] postNotificationName:@"didSelectNameNotification" object:self]; 
    } } 

-(void) collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath{ 
    if (indexPath!=nil) { 
     [self.curCell setDeselected]; 
    } } 

Answer 3

CollectionView + SearchBar with Swift3 + Storyboard的實現。

創建頁眉查看：

創建搜索欄：

創建可重用的視圖定製類

將可重複使用的視圖定製類

創建搜索欄出口

絕招：將搜索家庭AR代表對集合視圖類，搜索欄出口前進到CUSTOM REUSABLE視圖類

實現協議

override func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView { 

     if (kind == UICollectionElementKindSectionHeader) { 
      let headerView:UICollectionReusableView = collectionView.dequeueReusableSupplementaryView(ofKind: UICollectionElementKindSectionHeader, withReuseIdentifier: "CollectionViewHeader", for: indexPath) 

      return headerView 
     } 

     return UICollectionReusableView() 

    } 

的的CollectionView頭方法設置搜索欄代表

class MyCollectionViewController: (other delegates...), UISearchBarDelegate { 

最後，你的搜索欄委託方法會在你的CollectionView類被稱爲

//MARK: - SEARCH 

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) { 
    if(!(searchBar.text?.isEmpty)!){ 
     //reload your data source if necessary 
     self.collectionView?.reloadData() 
    } 
} 

func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) { 
    if(searchText.isEmpty){ 
     //reload your data source if necessary 
     self.collectionView?.reloadData() 
    } 
}