Come centrare verticalmente il contenuto di UICollectionView

Question

Sto provando a centrare dinamicamente il contenuto di un UICollectionView, tuttavia nessuna delle soluzioni esistenti tiene conto del fatto che potrebbe esserci più di una cella per riga.

Ho provato questo center custom title in UINavigationBar? così come entrambe le soluzioni qui: UICollectionView vertically Centred, senza alcun risultato.

Sono abbastanza sorpreso che iOS non offre alcun modo di farlo per impostazione predefinita e ancora di più che non è possibile ottenere il numero di righe attualmente visualizzate (che avrebbe risolto anche il mio problema). Inoltre, non riesco a ottenere la dimensione del contenuto (e non semplicemente le dimensioni del fotogramma) che mi avrebbe aiutato a ottenere l'effetto desiderato.

ho questo:

-------- 
|X X X X | 
|X X X X | 
|  | 
|  | 
-------- 

Ma voglio questo:

-------- 
|  | 
|X X X X | 
|X X X X | 
|  | 
-------- 

Qualsiasi aiuto sarebbe molto apprezzato,

Molte grazie.

Answer 1

Ora capisco il tuo problema. A seconda delle dimensioni dello schermo hai bisogno di un altro riquadro per farlo sembrare centrato. Quindi devi calcolarlo manualmente, ma non dovrebbe essere così difficile. Conoscete lo spazio disponibile, il numero di elementi e la dimensione della cella. Calcola semplicemente la sezione in alto.

Answer 2

UICollectionView ha una proprietà visibleCells che restituisce un array. È possibile utilizzare la proprietà count su NSArray per ottenere il numero di celle visibili.

Dovresti essere in grado di implementare - collectionView:layout:insetForSectionAtIndex: nell'implementazione del delegato per impostare l'inset superiore su qualcosa che determinerà il centraggio per cui stai girando.

È inoltre possibile creare sottoclasse UICollectionViewFlowLayout e implementare la propria logica di layout, se necessario.

Answer 3

Non sono sicuro del motivo per cui non è possibile ottenere la dimensione del contenuto - UICollectionView è una sottoclasse UIScrollView, quindi ha accesso alla proprietà contentSize. Se avete solo bisogno di centrare le cellule nel caso in cui sono tutti visibili senza scorrere, si può semplicemente effettuare le seguenti operazioni:

collectionView.contentInset.top = max((collectionView.frame.height - collectionView.contentSize.height)/2, 0) 

Questo funziona anche nei casi in cui il numero di cellule non cresce in modo che tutti sono visibile sullo schermo e si inizia a utilizzare lo scorrimento verticale: l'inserto superiore verrà impostato su 0.

Answer 4

Se si dispone di un TabBar fare questo

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets { 

    let navBarHeight  = self.navigationController?.navigationBar.frame.height 
    let collectionViewHeight = (self.collectionView?.frame.height)! - navBarHeight! 
    let itemsHeight  = self.collectionView?.contentSize.height 

    let topInset = (collectionViewHeight - itemsHeight!)/4 

    return UIEdgeInsetsMake(topInset ,0, 0 , 0) 
} 

Se non ignorare la sottrazione barra delle linguette e lasciare il resto ...