Come posso aggiungere una barra di ricerca sopra un UICollectionView?

Question

Desidero consentire agli utenti della mia app di cercare immagini utilizzando uno UISearchBar sopra un UICollectionView. Secondo la mia comprensione, un UICollectionView deve essere in un UICollectionViewController per funzionare correttamente. Tuttavia, Xcode non mi consente di inserire una barra di ricerca in un UICollectionViewController. Inoltre, non è possibile utilizzare un UIViewController generico in quanto la vista raccolta non funzionerà correttamente. Come posso ottenere la funzionalità che voglio?

Answer 1

Non è obbligatorio avere UICollectionView all'interno di UICollectionViewController. UICollectionView è come UITableView e può essere aggiunto ovunque. Tutto ciò che devi fare è implementare i protocolli UICollectionViewDelegate e UICollectionViewDataSource. È possibile seguire il seguente tutorial Supplementary Header e aggiungere la barra di ricerca come intestazione supplementare di UICollectionView.

Answer 2

CollectionView + SearchBar con Implementazione Swift3 + Storyboard.

Creare l'intestazione Vista:

Creazione della barra di ricerca:

creare la vista riutilizzabile classe personalizzata

Impostare la vista riutilizzabile personalizzato classe

Creare presa barra di ricerca

Trucco: collegare la ricerca bar delegato alla classe di raccolta VIEW, presa barra di ricerca va al VIEW classe personalizzata REUSABLE

Implementare il metodo intestazione CollectionView del protocollo

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() 

    } 

Impostare il delegato Searchbar

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

E, infine, i vostri metodi delegato barra di ricerca saranno chiamati nel vostro CollectionView Classe

//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() 
    } 
}