Wie die Umsetzung der nicht-scrollbaren UICollectionView innen UIScrollView?

In shorts, meine gewünschte Bildschirm-layout ist im Grunde ein Benutzer-Profil (iOS 7 + Xcode 5). Ich verwendet UIScrollView als die top-level-Sicht. Der Grund ist, dass ich möchte, dass alle seine subviews zu Blättern (Benutzer-info - Ansicht, die Ansicht mit einem Profil-Bild und einige Schaltflächen, die Sie auf dem Bildschirm sehen, und die Fotos collection Sicht - der eines mit schwarzen hintergrund), wenn Sie gescrollt wird.

Wie die Umsetzung der nicht-scrollbaren UICollectionView innen UIScrollView?

Der region mit schwarzem hintergrund zeigen die user-Fotos. Ich Frage mich, ob ich könnte mit einem UICollectionView hier, oder gibt es einen besseren Weg, um es zu implementieren. Die UICollectionView in diesem Fall sollten nicht in der Lage, um zu Blättern selbst, es zeigt nur allen Zellen, während die Scroll-Arbeit erfolgt durch den äußersten UIScrollView.

Ich Lesen Sie folgende Beiträge:

UICollectionView innerhalb von UIScrollView

UICollectionView in UIScrollView -> Scrollen Sie, Um

iOS 7 Sammlung Anzeigen innerhalb Scroll-View

Einige sagten, es ist nicht möglich (oder zumindest seltsam) implemeting UICollectionView innen UIScrollView, weil UIScrollView ist UICollectionView, der Superklasse, das führt zu einem unerwarteten Verhalten. Einige sagten, es sollte umgesetzt werden, einen anderen Weg (aber ich wollte nicht sehen, eine klare Empfehlung).

  • Also Sie sagen, Sie wollen die orange bar mit der "Sozialen Profil" - label, und der unscharfe hintergrund Bild, und alles überlagert, auf unscharfen hintergrund-Bild, um einen Bildlauf vertikal vom oberen Rand des Bildschirms, und Sie wollen die schwarze Fläche, die gefüllt werden mit Fotos und weitere Fotos angezeigt, wenn Sie den Bildschirm nach oben gescrollt? Wollen Sie die tab-bar am unteren Rand fixiert bleiben?
  • ja da hast du Recht, jedoch möchte ich eine navigation bars und tab bars fixiert bleiben 🙂
InformationsquelleAutor Thiem Nguyen | 2014-08-12
  1. 7

    Ja, Sie können ein UICollectionView innerhalb einer UIScrollView. iOS hat voll unterstützt verschachtelte scroll-Ansichten seit iOS 3.0, und UICollectionView ist eine Unterklasse von UIScrollView. Zum Beispiel, überprüfen Sie heraus die App-Store-app auf Ihrem iOS-Gerät. Der Bildschirm scrollt vertikal - es ist entweder ein UIScrollView oder eine UITableView (die selbst eine Unterklasse von UIScrollView). Und jede Zeile von icons scrollt horizontal - jede Zeile ist ein UICollectionView.

    Aber es ist nicht klar, warum Sie müssen, um eine Sammlung Blick in einen scroll-Ansicht. Es klingt wie Sie wollen nur die Fotos anzuzeigen, Blättern, so stellen Sie einfach die Fotos zeigen eine Sammlung anzuzeigen. Warum brauchen Sie, um die Sammlung Blick in einen scroll-view?

    UPDATE

    Nur eine Sammlung anzuzeigen. Legen Sie die header-Abschnitt 0 der Profil-info anzeigen. Sie brauchen nicht ein scroll-Ansicht.

    Wenn Sie alle Fotos in einem Abschnitt können Sie festlegen, dass die Kopfzeile in Ihrem storyboard ohne code. Wenn Sie mehrere Abschnitte, die Sie benötigen, um zu implementieren collectionView:layout:referenceSizeForHeaderInSection: in Ihrer Stellvertretung und collectionView:viewForSupplementaryElementOfKind:atIndexPath: in der Datenquelle.

    • Danke für deine Antwort. Der Grund ist, dass ich will, dass die gesamte Bildschirm gescrollt werden, d.h. der Benutzer info anzeigen ist nicht angedockt auf der Oberseite. Es scrollen soll, wenn ich scrollen Sie hinunter, um zu sehen, Fotos...
    • Ich aktualisiert meine Antwort.
    • große setup. Ich fand und umgesetzt wurde dieser Weg nur einer Stunde. Deine Antwort macht mich zuversichtlicher über die gute Praxis. Danke! 🙂
    • Was ist, wenn Sie die header-Ansicht erweiterbar sein wie ein Akkordeon. Wenn Ihr als header anzeigen für Abschnitt 0 der Sammlung anzeigen, wie die Umsetzung der animation auf-und Zuklappen.
    • Erlöschen der collection view-Layouts nach dem setzen der flag, das bedeutet, dass der header erweitert. Wenn er die Zelle für die Kopfzeile, das flag überprüft, um zu bestimmen, wie die Konfiguration der Zelle.
    InformationsquelleAutor rob mayoff
Schreibe einen Kommentar