UICollectionView: cómo agregar espacio entre el pie de página y el encabezado?

Question

Tengo un CollectionView utilizando la clase FlowLayout serie con desplazamiento horizontal y un encabezado y pie en cada sección.

Ahora hay cero píxeles entre el pie de página y las vistas de cabecera (es decir, entre las secciones). Me gustaría agregar un pequeño espacio entre ellos, pero no sobre la primera sección o después de la última. Así que no puedo simplemente agregar ese espacio en las vistas de encabezado y pie de página.

lo que habría esperado algo así como "interSectionSpacing", pero al parecer no hay tal ajuste. ¿Algunas ideas?

Answer 1

Así resulta que no hay ningún ajuste para eso. Esto es lo que terminé con:

Configuré que el contenido de mi vista de encabezado se alineara con la parte inferior de la vista del encabezado, por lo que parece tener la misma altura visible, incluso si hago que la vista del encabezado sea más alta que su contenido (diseño automático hace que esto sea realmente fácil).

Entonces fijar la altura de la cabecera en función del índice de la sección en este método delegado de UICollectionViewFlowLayout:

#define kHeaderHeight 42 
#define kInterSectionMargin 8 

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section 
{ 
    if (section == 0) { 
     return CGSizeMake(0, kHeaderHeight); 
    } 
    return CGSizeMake(0, kHeaderHeight + kInterSectionMargin); 
} 

Ahora hay un pequeño espacio entre las secciones, pero no antes de la primera sección.

Answer 2

Puede ajustar el espaciado entre encabezado y pie de página en el archivo con la plumilla. Vaya a 'Inspector de tamaño' de 'Vista de colección' y configure la Altura del tamaño del encabezado en el valor deseado.

Answer 3

Tienes razón que no hay tal cosa como "interSectionSpacing", pero no es algo cercano.

Trate sectionInset en su UICollectionViewFlowLayout.

UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init]; 
[flowLayout setSectionInset:UIEdgeInsetsMake(top, left, bottom, right)];