Ich verwende eine UICollectionView, um ein Raster von Bildern in einer iPhone-App (iOS6) darzustellen.

Ich benutze vertikales Scrollen für die UICollectionView, und die Bilder haben alle eine feste Breite und unterschiedliche Höhe. Die Breite der Bilder ist so eingestellt, dass auf einem iPhone drei Bildspalten angezeigt werden. Dies funktioniert in Ordnung und ich bekomme die Bilder in einer Rasteransicht dargestellt.

Da meine Bilder jedoch eine unterschiedliche Höhe haben, variiert der vertikale Abstand zwischen den Bildern in einer Spalte und dies sieht nicht sehr gut aus, wie Sie im folgenden Bild sehen können (ein in HTML erstelltes Modell):

Ich möchte stattdessen eine flüssigere Strömung erzielen, bei der der vertikale Abstand zwischen den Bildern in einer Spalte gleich ist. Das folgende Modell zeigt, wie es funktionieren soll:

Irgendwelche Ideen, wie man das löst?

Als Bonusfrage weiß auch jemand, wie das gleiche Problem gelöst werden kann, wenn die App nicht für iOS6 erstellt wurde (da UICollectionView nur für iOS6 verfügbar ist). Entweder durch Verwendung einer Komponente eines Drittanbieters oder durch Lösen mit Standard-iOS-Steuerelementen.