2017-06-26 2 views
1

Ich versuche, eine App zu erstellen, die auf das Layout in der Apple News App auf iOS ähnlich ist 10. Es gibt verschiedene Abschnitte wie Top Stories, For you usw. ich ein Bild von dem For You Abschnitt unten gesetzt habe:Wie erstellt man eine Sammlungsansicht ähnlich der Apple News App?


Das Layout oben hat einen großen Artikel auf der Oberseite (die 12 Milliarden Gallonen Wasser Artikel), und dann 2 horizontal Artikel (Ron Howard und Google Cloud) und schließlich zwei vertikale Artikel (philando castile und Daniel Tag-Lewis).

Meine Frage ist, wie würde man das erreichen? Was ich denke ist, dass Sie mehrere Abschnitte in einem UICollectionView (ein Abschnitt für For you, Technology, Politics, usw.) haben und jeder Abschnitt hat eine UICollectionView Hauptzelle. Dann haben Sie innerhalb dieser Hauptzelle drei zusätzliche Zellen (eine für den großen Artikel, eine für die vertikalen Artikel und eine für die horizontalen Artikel). Ist das ein guter Weg, dies zu erreichen? Wie erstellen Sie so viele Zellen für einen UICollectionView?

+2

Sie müssen ein benutzerdefiniertes Flow-Layout für Ihre Sammlungsansicht erstellen. Dann können Sie im Prinzip jeden beliebigen Stil erstellen, ohne Sammelansichtszellen verschachteln zu müssen. Sie können viele Beispiele online finden, suchen Sie einfach nach benutzerdefinierten UICollectionViewFlowLayout – BJHStudios

+0

@ BJHStudios Vielen Dank! Genau das habe ich gesucht. Ich werde es mir gleich anschauen :) – CapturedTree

Antwort

4

Sie können UICollectionFlowLayout verwenden, um alles, was Sie wollen, zu planen.

Hier ist ein example Ich habe es gerade erst gemacht.

Hoffe, das kann helfen. sample

+0

Vielen Dank das ist perfekt. Ich war nur neugierig in "ViewController.swift" Ich sehe nirgendwo, wo Sie das benutzerdefinierte Flowlayout auf die Sammlungsansicht festgelegt. Genauer gesagt diese Eigenschaft: '@IBOutlet schwach var flowLayout: AppleNewsFlowLayout! {...} ' – CapturedTree

+1

' AppleNewsFlowLayout' ist auf 'collectionView of StoryBoard' gesetzt, Sie können dies unter' Attributes Inspector' überprüfen. – ovo

+1

Sie können die Entität "AppleNewsFlowLayout" (der gelbe Würfel) unter "Dokumentgliederung" sehen, nachdem Sie der Sammlungsansicht eine Layoutklasse hinzugefügt haben. – ovo

Verwandte Themen