1 pixel tra la prima e la seconda cella UITableView raggruppati

Question

Questo mi sembra un problema facile, ma ho colpito un muro di mattoni di trovare una soluzione e sto sperando che qualcuno qui può aiutare ...

I sto facendo un UITableView con UITableViewStyleGrouped, e sto vedendo un piccolo (1 pixel) linea bianca tra la prima e la seconda fila di ogni sezione del mio vista tabella (vedi immagine)

sembra che la ragione per questa linea è che la prima cella in ogni sezione è 1 pixel più alta delle altre. Quando imposto la cella iniziale di ciascun gruppo ad essere alta 29 pixel (gli altri sono 30) il divario scompare e tutto va bene.

Mentre questa soluzione ha esito positivo, preferirei sapere il motivo per cui ciò si verifica, così posso evitare di usare un trucco incasinato.

FYI:

• ho fatto in modo che questo non è un problema con le immagini di sfondo che ho utilizzando - sono tutti 30px alto, e ho sostituito l'immagine in alto con un'immagine centrale con la stessa risultato.
• Ho rimosso tutti i confini tra le cellule modificando separatorStyle = UITableViewCellSeparatorStyleNone
• Questo effetto non avviene sulla UITableViewStylePlain

Qualsiasi aiuto è molto apprezzato.

Grazie

Codice per la configurazione da tavolo:

myTable = [[UITableView alloc] initWithFrame:CGRectMake(TABLE_SHIFT_OFFSET, 
                  DATE_SLIDER_HEIGHT - DATE_SLIDER_SHADOW_HEIGHT, 
                  326, 
                  self.view.frame.size.height - DATE_SLIDER_HEIGHT + DATE_SLIDER_SHADOW_HEIGHT) style:UITableViewStyleGrouped]; 
    myTable.backgroundColor = [UIColor clearColor]; 
    myTable.backgroundView = nil; 
    myTable.separatorStyle = UITableViewCellSeparatorStyleNone; 
    [self.view addSubview:myTable]; 
    myTable.dataSource = self; 
    myTable.delegate = self; 

Codice per la configurazione delle cellule:

- (float)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath 
{ 
    // This is a hack to make sure that a white line doesnt appear between the 
    // first and second rows in the table, which happens for reasons I dont understand 
    if (indexPath.row == 0) { 
    return 29; 
    } 

    return 30; 
} 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath 
{  
    MyTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"satCell"]; 
    if (!cell) 
    { 
    cell = [[MyTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"satCell"]; 
    } 

    cell.backgroundView = nil; 
    cell.backgroundView = [[UIView alloc] initWithFrame:CGRectZero]; 

    cell.backgroundColor = [UIColor whiteColor]; 
    int numberOfRowsInThisSection = [self tableView:tableView numberOfRowsInSection:indexPath.section]; 

    if (numberOfRowsInThisSection == 1) 
    { 
    cell.backingImage = self.singleWhite; 
    } 
    else if (indexPath.row == 0) 
    { 
    cell.backingImage = self.topWhite; 
    } 
    else if (indexPath.row % 2 == 0) 
    { 
    // Even row 
    if (indexPath.row == numberOfRowsInThisSection - 1) 
    { 
     // Last row (even) 
     cell.backingImage = self.botWhite; 
    } 
    else 
    { 
     // Normal row (even) 
     cell.backingImage = self.midWhite; 
    } 
    } 
    else if (indexPath.row % 2 == 1) 
    { 
    // Odd row 
    if (indexPath.row == numberOfRowsInThisSection - 1) 
    { 
     // Last row (even) 
     cell.backingImage = self.botDark; 
    } 
    else 
    { 
     // Normal row (odd) 
     cell.backingImage = self.midDark; 
    } 
    } 

    // Setup cell text [REMOVED FOR BREVITY] 

    return cell; 
} 

Il codice per l'impostazione della protezione immagine entro MyTableViewCell:

- (void)setBackingImage:(UIImage *)backingImage 
{ 
    if (self.backingImage != backingImage) 
    { 
    _backingImage = nil; 
    _backingImage = backingImage; 
    self.backingView.image = backingImage; 
    } 
} 

self.backingView è impostato utilizzando il seguente codice:

[[UIImageView alloc] initWithFrame:CGRectMake(7, 0, 307, 30)]; 

Answer 1

Questo è un problema noto, si verifica solo quando si nascondono i separatori di una tabella di gruppo, la stessa cosa è accaduta in questo altro stack overflow question.

In poche parole, la parte superiore e le cellule inferiori utilizzano uno in più punto, ma il separatore nasconde, quindi la soluzione è:

1. Sottrarre la spaziatura aggiuntiva (come già fatto)
2. Marchio lo sfondo di un motivo ripetuto o un'immagine estensibile (Non tentare di promuovere me stesso, ma the answer I gave sul thread precedente collegato spiega anche come eseguire immagini estensibili).
3. Non nascondere il separatore, ma corrisponde al colore con lo sfondo delle celle in modo che sembri nascosto.

L'opzione 2 sembra essere la più "pulita" e aggiunge il vantaggio di supportare le altezze variabili delle celle tableView.

E perché ha un ulteriore punto? Solo Apple lo sa.

Answer 2

Questo è l'intestazione di sezione urlata per me. Stai sovrascrivendo il metodo viewForHeaderInSection? La mia ipotesi migliore è che i limiti per la prima cella in ogni sezione siano in qualche modo eliminando i limiti dell'intestazione di quella sezione.

Prova sovrascrivendo questi metodi:

– tableView:viewForHeaderInSection: 
– tableView:viewForFooterInSection: 
– tableView:heightForHeaderInSection: 
– tableView:heightForFooterInSection: 
– tableView:willDisplayHeaderView:forSection: 
– tableView:willDisplayFooterView:forSection: 

e giocare con quello che ritornano. Soprattutto heightForHeaderInSection/viewForHeaderInSection/willDisplayHeaderView: ForSection:

Answer 3

Nella mia esperienza, le visualizzazioni di tabelle raggruppate aggiungono 1 punto (non pixel!) All'altezza della prima e dell'ultima riga in ogni sezione. Dovresti essere in grado di vederlo aggiungendo il codice di debug per sovrascrivere layoutSubviews sulla classe della tua cella di tabella, chiamala super e poi stampa bounds.size.height.

Suppongo che questo fornisca spazio per il disegno del bordo e, come te, ho appena regolato il valore che restituisco per l'altezza della prima e dell'ultima cella per annullare l'effetto. Questo potrebbe cambiare in iOS 7 poiché l'aspetto visivo è cambiato.

[Modifica] Questo è un bel po 'di codice di debug per ispezionare le gerarchie di visualizzazione. (Non è possibile chiamare direttamente recursiveDescription perché è privata e il codice non viene compilato con le impostazioni predefinite di Xcode.)

NSLog(@"%@", [self.view performSelector:@selector(recursiveDescription)]);

Answer 4

Se la seguente sarà risolvere il problema: sbarazzarsi del 'backingImage' (backingView). Utilizzare invece la proprietà backgroundView della cella, assegnando semplicemente lo UIImageView. Ora, quando si crea il UIImageView per lo sfondo assicuratevi di fare il UIImage estensibile in questo modo:

UIImage *bg = [UIImage imageName:@"filename.png"]; 
bg = [bg resizableImageWithCapInsets:UIEdgeInsetsMake(15, 0, 15, 0)]; 

NOTA: sto assumendo la tua immagine ha un'altezza di 30 punti. Guardare l'immagine che stai usando può essere allungato verticalmente, cosa sto facendo in questo esempio. Per risparmiare più memoria puoi anche allungarla orizzontalmente, ma la risorsa che hai potrebbe non prestarsi per quello.

Spero che questo aiuti!

Answer 5

Su iOS 8 senza separatori su una vista tabella raggruppata ho avuto anche il problema. C'era una differenza di 0,5 punti tra le mie sezioni. Poiché lo sfondo dietro la mia tableview non era dello stesso colore, era molto evidente. La soluzione è riempire con un headerview vuoto di 1 px in altezza, quindi riversare fuori di esso di 1 px con un'altra vista. Funziona come un fascino.

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { 
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 1)]; 
    view.backgroundColor = [UIColor whiteColor]; 
    view.opaque = YES; 
    view.clipsToBounds = NO; 

    //Spill a view out by one pixel. 
    UIView *subView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 2)]; 
    subView.backgroundColor = [UIColor whiteColor]; 
    subView.opaque = YES; 
    [view addSubview:subView]; 
    return view; 
} 

- (CGFloat)tableView:(UITableView *)tableView 
heightForHeaderInSection:(NSInteger)section { 
    return 1; 
}