Modifica comportamento scorrimento predefinito dell'intestazione della sezione UITableView

Ho un UITableView con due sezioni. È una semplice vista da tavolo. Sto usando viewForHeaderInSection per creare viste personalizzate per queste intestazioni. Fin qui tutto bene.

Il comportamento di scorrimento predefinito è che quando si incontra una sezione, l'intestazione della sezione rimane ancorata sotto la barra di navigazione, fino a quando la sezione successiva scorre in vista.

La mia domanda è questa: posso modificare il comportamento predefinito in modo che le intestazioni di sezione NON rimangano ancorate in alto, ma piuttosto, scorrere sotto la barra di navigazione con il resto delle righe di sezione?

Mi sto perdendo qualcosa di ovvio?

Grazie.

Il modo in cui ho risolto questo problema è di regolare il contentOffsetsecondo contentInsetin UITableViewControllerDelegate(estende UIScrollViewDelegate) in questo modo:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
       CGFloat sectionHeaderHeight = 40;
   if (scrollView.contentOffset.y<=sectionHeaderHeight&&scrollView.contentOffset.y>=0) {
       scrollView.contentInset = UIEdgeInsetsMake(-scrollView.contentOffset.y, 0, 0, 0);
   } else if (scrollView.contentOffset.y>=sectionHeaderHeight) {
       scrollView.contentInset = UIEdgeInsetsMake(-sectionHeaderHeight, 0, 0, 0);
   }
}

L'unico problema qui è che perde un po 'di rimbalzo quando si scorre verso l'alto.

{NOTA: "40" dovrebbe essere l'altezza esatta dell'intestazione TUA sezione 0. Se usi un numero maggiore dell'altezza dell'intestazione della sezione 0, vedrai che la sensazione del dito è influenzata (prova come "1000" e vedrai che il comportamento di rimbalzo è un po 'strano nella parte superiore). se il numero corrisponde all'altezza dell'intestazione della sezione 0, la sensazione del dito sembra essere perfetta o quasi perfetta.}

Puoi anche aggiungere una sezione con zero righe nella parte superiore e utilizzare semplicemente il piè di pagina della sezione precedente come intestazione per la successiva.

Se lo facessi, approfitterei del fatto che UITableViews in stile Plain ha le intestazioni appiccicose e quelle in stile Grouped no. Probabilmente proverei almeno a usare una cella di tabella personalizzata per imitare l'aspetto di celle Plain in una tabella raggruppata.

In realtà non l'ho provato, quindi potrebbe non funzionare, ma è quello che consiglierei di fare.

So che arriva tardi, ma ho trovato la soluzione definitiva!

Quello che vuoi fare è se hai 10 sezioni, lascia che dataSource restituisca 20. Usa numeri pari per le intestazioni di sezione e numeri dispari per il contenuto della sezione. qualcosa come questo

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    if (section%2 == 0) {
        return 0;
    }else {
        return 5;
    }
}

-(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
    if (section%2 == 0) {
        return [NSString stringWithFormat:@"%i", section+1];
    }else {
        return nil;
    }
}

Ecco! : D

Esistono diverse cose che è necessario fare per risolvere questo problema in modo non confuso:

1. Impostare lo stile di visualizzazione della tabella su UITableViewStyleGrouped
2. Impostare la vista tabella backgroundColorsu[UIColor clearColor]
3. Impostare backgroundViewsu ogni cella della vista della tabella su una vista vuota conbackgroundColor [UIColor clearColor]
4. Se necessario, impostare la vista tabella in modo rowHeightappropriato o sovrascrivere tableView:heightForRowAtIndexPath:se le singole file hanno altezze diverse.

Originariamente pubblicato qui , una soluzione rapida che utilizza IB. Lo stesso può essere fatto a livello di codice anche se in modo abbastanza semplice.

Un modo probabilmente più semplice per raggiungere questo obiettivo (utilizzando IB):

Trascina un UIView sul tuo TableView per renderlo la sua vista di intestazione.

1. Imposta l'altezza della vista dell'intestazione su 100 px
2. Impostare il contenuto della visualizzazione tabella Set (in alto) su -100
3. Le intestazioni di sezione ora scorreranno proprio come qualsiasi cella normale.

Alcune persone hanno commentato dicendo che questa soluzione nasconde la prima intestazione, tuttavia non ho notato alcun problema del genere. Ha funzionato perfettamente per me ed è stata di gran lunga la soluzione più semplice che abbia mai visto finora.

Non ero soddisfatto delle soluzioni qui descritte finora, quindi ho cercato di combinarle. Il risultato è il seguente codice, ispirato a @awulf e @cescofry. Funziona per me perché non ho un'intestazione di visualizzazione tabella reale. Se si dispone già di un'intestazione di visualizzazione tabella, potrebbe essere necessario regolare l'altezza.

// Set the edge inset
self.tableView.contentInset = UIEdgeInsetsMake(-23.0f, 0, 0, 0);

// Add a transparent UIView with the height of the section header (ARC enabled)
[self.tableView setTableHeaderView:[[UIView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 100.0f, 23.0f)]];

Basta cambiare lo stile di TableView:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Documentazione UITableViewStyle :

UITableViewStylePlain: una vista tabella semplice. Eventuali intestazioni o piè di pagina di sezione vengono visualizzati come separatori in linea e fluttuano quando si scorre la vista tabella.

UITableViewStyleGrouped: una vista tabella le cui sezioni presentano gruppi distinti di righe. Le intestazioni e i piè di pagina della sezione non galleggiano.

Seleziona lo stile di visualizzazione tabella raggruppata dalla finestra di ispezione degli attributi di tableView nello storyboard.

Impostare headerView della tabella con una vista trasparente con la stessa altezza dell'intestazione nella vista in sezione. Initi anche la vista da tavolo con una cornice a-altezza.

self.tableview = [[UITableView alloc] initWithFrame:CGRectMake(0, - height, 300, 400)];

UIView *headerView = [[[UIView alloc] initWithFrame:CGRectMake(0, 0, width, height)] autorelease];
[self.tableView setTableHeaderView:headerView];

Ho trovato una soluzione alternativa, utilizzare la prima cella di ogni sezione anziché una sezione di intestazione reale, questa soluzione non sembra così pulita, ma funziona così bene, è possibile utilizzare una cella prototipo definita per la sezione delle intestazioni e nel metodo cellForRowAtIndexPath chiedi indexPath.row == 0, se vero, usa la cella prototipo della sezione header, altrimenti usa la tua cella prototipo predefinita.

Cambia il tuo stile TableView:

self.tableview = [[UITableView alloc] initwithFrame:frame style:UITableViewStyleGrouped];

Come da documentazione Apple per UITableView:

UITableViewStylePlain: una vista tabella semplice. Eventuali intestazioni o piè di pagina di sezione vengono visualizzati come separatori in linea e fluttuano quando si scorre la vista tabella.

UITableViewStyleGrouped: una vista tabella le cui sezioni presentano gruppi distinti di righe. Le intestazioni e i piè di pagina della sezione non galleggiano. Spero che questo piccolo cambiamento ti possa aiutare ..

Ora che lo stile raggruppato sembra sostanzialmente lo stesso dello stile normale in iOS 7 (in termini di planarità e sfondo), per noi la soluzione migliore e più semplice (cioè meno confusa) è stata semplicemente cambiare lo stile della vista tabella in raggruppato. Sollevare con il contenuto Le inserzioni sono sempre stati un problema quando abbiamo integrato una barra di navigazione a scorrimento nella parte superiore. Con uno stile di visualizzazione tabella raggruppata, sembra esattamente lo stesso (con le nostre celle) e le intestazioni di sezione rimangono fisse. Nessuna stranezza a scorrimento.

Assegna un inserto negativo a tableView. Se hai intestazioni a sezione alta 22px e non vuoi che siano appiccicose, subito dopo aver ricaricatoData aggiungi:

self.tableView.contentInset = UIEdgeInsetsMake(-22, 0, 0, 0); 
self.tableView.contentSize = CGSizeMake(self.tableView.contentSize.width, self.tableView.contentSize.height+22); 

Funziona come un incanto per me. Funziona anche per i piè di pagina della sezione, basta assegnare l'inserzione negativa nella parte inferiore.

Aggiungo la tabella a una vista di scorrimento e sembra funzionare bene.

Controlla la mia risposta qui . Questo è il modo più semplice per implementare le intestazioni di sezione non mobili senza alcun hack.

La risposta di @ LocoMike si adattava meglio al mio tableView, tuttavia si è rotto anche usando i piè di pagina. Quindi, questa è la soluzione corretta quando si usano intestazioni e piè di pagina:

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return (self.sections.count + 1) * 3;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    if (section % 3 != 1) {
        return 0;
    }
    section = section / 3;
    ...
}

- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return nil;
    }
    section = section / 3;
    ...
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return 0;
    }
    section = section / 3;
    ...
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    if (section % 3 != 2) {
        return 0;
    }
    section = section / 3;
    ...
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section
{
    if (section % 3 != 0) {
        return nil;
    }
    section = section / 3;
    ...
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    if (section % 3 != 2) {
        return nil;
    }
    section = section / 3;
    ...
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    int section = indexPath.section;
    section = section / 3;
    ...
}

Versione rapida della risposta @awulf, che funziona alla grande!

func scrollViewDidScroll(scrollView: UIScrollView) {
    let sectionHeight: CGFloat = 80
    if scrollView.contentOffset.y <= sectionHeight {
        scrollView.contentInset = UIEdgeInsetsMake( -scrollView.contentOffset.y, 0, 0, 0)
    }else if scrollView.contentOffset.y >= sectionHeight {
        scrollView.contentInset = UIEdgeInsetsMake(-sectionHeight, 0, 0, 0)
    }
}

Ho imparato che basta impostare la proprietà tableHeaderView, vale a dire:

 tableView.tableHeaderView = customView;

e basta.