SectionIndexTitles per UICollectionView

Question

Quindi ho implementato un corretto con una funzionalità di ricerca e sectionIndexTitles. Ora, sto cercando di implementare un UICollectionView e sta funzionando finora, tranne che non posso facilmente avere sectionIndexTitles (la barra di scorrimento di destra).

Se guardo l'applicazione di Facebook, sembra uno UICollectionView, ma con effettivamente sectionIndexTitles e una barra di ricerca. Non riesco a trovare tali funzioni per il modello UICollectionView.

Qualche idea ?!

Grazie!

Answer 1

ho avuto un requisito analogo (per una raccolta orizzontale vista) e ho finito per costruire da solo una sottoclasse della vista indice.

ho intenzione di open-source, ma che sarà probabilmente necessario attendere fino al mese prossimo, quindi ecco uno stub per iniziare:

YMCollectionIndexView.h

@interface YMCollectionIndexView : UIControl 

- (id) initWithFrame:(CGRect)frame indexTitles:(NSArray *)indexTitles; 

// Model 
@property (strong, nonatomic) NSArray *indexTitles; // NSString 
@property (readonly, nonatomic) NSUInteger currentIndex; 
- (NSString *)currentIndexTitle; 

@end 

YMCollectionIndexView. m

#import "YMCollectionIndexView.h" 

@interface YMCollectionIndexView() 
@property (readwrite, nonatomic) NSUInteger currentIndex; 
@property (strong, nonatomic) NSArray *indexLabels; 
@end 

@implementation YMCollectionIndexView 

- (id) initWithFrame:(CGRect)frame indexTitles:(NSArray *)indexTitles { 
    self = [super initWithFrame:frame]; 
    if (self) { 
     self.indexTitles = indexTitles; 
     self.currentIndex = 0; 
     // add pan recognizer 
    } 
    return self; 
} 

- (void)setIndexTitles:(NSArray *)indexTitles { 
    if (_indexTitles == indexTitles) return; 
    _indexTitles = indexTitles; 
    [self.indexLabels makeObjectsPerformSelector:@selector(removeFromSuperview)]; 
    [self buildIndexLabels]; 
} 

- (NSString *)currentIndexTitle { 
    return self.indexTitles[self.currentIndex]; 
} 

#pragma mark - Subviews 

- (void) buildIndexLabels { 
    CGFloat cumulativeItemWidth = 0.0; // or height in your (vertical) case 
    for (NSString *indexTitle in self.indexTitles) { 
      // build and add label 
     // add tap recognizer 
    } 
    self.indexLabels = indexLabels; 
} 

#pragma mark - Gestures 

- (void) handleTap:(UITapGestureRecognizer*)recognizer { 
    NSString *indexTitle = ((UILabel *)recognizer.view).text; 
    self.currentIndex = [self.indexTitles indexOfObject:indexTitle]; 
    [self sendActionsForControlEvents:UIControlEventTouchUpInside]; 
} 

// similarly for pan recognizer 

@end 

Secondo lei c ontroller:

- (void)viewDidLoad { 
    [super viewDidLoad]; 
    [self.collectionIndexView addTarget:self action:@selector(indexWasTapped:) forControlEvents:UIControlEventTouchUpInside]; 
    // similarly for pan recognizer 
} 

- (void)indexWasTapped:(id)sender { 
    [self.collectionView scrollToIndexPath:...]; 
} 

// similarly for pan recognizer 

Answer 2

è possibile fornire questa intestazione implementando e restituendo un valore per la seguente funzione per UICollectionViewDataSource

collectionView:viewForSupplementaryElementOfKind:atIndexPath: 

noti che la dimensione dell'intestazione sarà dal valore di altezza del CGRect restituito dalla raccolta del metodo UICollectionViewFlowLayoutDelegateVisualizza: layout: referenceSizeForHeaderInSection:

Answer 3

Hai trovato qualche soluzione?

Sto cercando di implementare le stesse funzionalità per UICollectionView.

finora per il sectionIndexTitles che sto usando UITableView personalizzato con le stesse sezioni come l'UICollectionView originale, ma con celle vuote. Di conseguenza ho una classe IndexTableView

indexTableView = [[IndexTableView alloc] initWithFrame:CGRectZero]; 
[self.view addSubview:indexTableView]; 

... 

indexTableView.frame = CGRectMake(CGRectGetWidth(self.view.frame) - 40, 0, 40, CGRectGetHeight(self.view.frame)); 
indexTableView.separatorStyle = UITableViewCellSeparatorStyleNone; 
indexTableView.sectionHeaderHeight = 0; 
indexTableView.backgroundColor = [UIColor clearColor]; 

aggiungo IndexTableView in cima alla UICollectionView, ed ho ottenuto lo stesso effetto visivo come un UITableView originale. Ora sto cercando di collegare la selezione dell'indice e UICollectionView e farlo funzionare.

Modificato: Ho appena aggiunto un UISearchBar al UICollectionController

add seguente codice al vostro sottoclasse della UICollectionController

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

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section { 
    if (section == 0) { 
     return UIEdgeInsetsMake(CGRectGetHeight(self.searchBar.frame), 6, 0, 6); 
    } 
    return UIEdgeInsetsMake(0, 6, 0, 6); 
} 

Answer 4

Ora è possibile utilizzare semplicemente (da iOS 10.3)

optional func indexTitles(for collectionView: UICollectionView) -> [String]?

Quale aspetta un array come: ['A', 'B' ,'C'] come valore di ritorno.