So bestimmen Sie die Höhe von UICollectionView mit FlowLayout

Ich habe eine UICollectionViewmit einerUICollectionViewFlowLayout und möchte dessen Inhaltsgröße berechnen (für die Rückgabe, intrinsicContentSizedie zum Anpassen der Höhe über AutoLayout erforderlich ist).

Das Problem ist: Selbst wenn ich eine feste und gleiche Höhe für alle Zellen habe, weiß ich nicht, wie viele "Zeilen" / Zeilen ich in der habe UICollectionView. Ich kann diese Anzahl auch nicht anhand der Anzahl der Elemente in meiner Datenquelle bestimmen, da die Zellen, die die Datenelemente darstellen, unterschiedlich breit sind und folglich auch die Anzahl der Elemente in einer Zeile der UICollectionView.

Da ich in der offiziellen Dokumentation keine Hinweise zu diesem Thema finden konnte und das Googeln mich nicht weiter brachte, wären Hilfe und Ideen sehr willkommen.

Whoa! Aus irgendeinem Grund fand ich nach stundenlanger Recherche jetzt eine ziemlich einfache Antwort auf meine Frage: Ich suchte völlig am falschen Ort und stöberte in allen Unterlagen, die ich finden konnte UICollectionView.

Die einfache Lösung liegt im zugrunde liegenden Layout: Rufen collectionViewContentSizeSie einfach Ihre myCollectionView.collectionViewLayoutImmobilie an und Sie erhalten die Höhe und Breite des Inhalts als CGSize. So einfach ist das.

Wenn Sie das automatische Layout verwenden , können Sie eine Unterklasse von erstellenUICollectionView

Wenn Sie den folgenden Code verwenden, müssen Sie keine Höhenbeschränkungen für die Sammlungsansicht angeben, da diese je nach Inhalt der Sammlungsansicht variieren würden.

Im Folgenden ist die Implementierung angegeben:

@interface DynamicCollectionView : UICollectionView

@end

@implementation DynamicCollectionView

- (void) layoutSubviews
{
    [super layoutSubviews];

    if (!CGSizeEqualToSize(self.bounds.size, [self intrinsicContentSize]))
    {
        [self invalidateIntrinsicContentSize];
    }
}

- (CGSize)intrinsicContentSize
{
    CGSize intrinsicContentSize = self.contentSize;

    return intrinsicContentSize;
}

@end

An viewDidAppearkönnen Sie es bekommen durch:

float height = self.myCollectionView.collectionViewLayout.collectionViewContentSize.height;

Wenn Sie Daten neu laden und dann eine neue Höhe mit neuen Daten berechnen müssen, können Sie diese möglicherweise erhalten, indem Sie: Beobachter hinzufügen, um zu hören, wann Ihre CollectionViewDaten neu geladen wurden viewdidload:

[self.myCollectionView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionOld context:NULL];

Fügen Sie dann die folgende Funktion hinzu, um eine neue Höhe zu erhalten, oder führen Sie nach dem erneuten Laden der Sammlungsansicht eine Aktion aus:

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary  *)change context:(void *)context
{
    //Whatever you do here when the reloadData finished
    float newHeight = self.myCollectionView.collectionViewLayout.collectionViewContentSize.height;    
}

Und vergessen Sie nicht, den Beobachter zu entfernen:

[self.myCollectionView removeObserver:self forKeyPath:@"contentSize" context:NULL];

user1046037 Antwort in Swift ...

class DynamicCollectionView: UICollectionView {
    override func layoutSubviews() {
        super.layoutSubviews()
        if bounds.size != intrinsicContentSize() {
            invalidateIntrinsicContentSize()
        }
    }

    override func intrinsicContentSize() -> CGSize {
        return self.contentSize
    }
}

Swift 3-Code für die Antwort von user1046037

import UIKit

class DynamicCollectionView: UICollectionView {

    override func layoutSubviews() {
        super.layoutSubviews()
        if !__CGSizeEqualToSize(bounds.size, self.intrinsicContentSize) {
            self.invalidateIntrinsicContentSize()
        }

    }

    override var intrinsicContentSize: CGSize {
        return contentSize
    }

}

Swift 4

class DynamicCollectionView: UICollectionView {
  override func layoutSubviews() {
    super.layoutSubviews()
    if !__CGSizeEqualToSize(bounds.size, self.intrinsicContentSize) {
      self.invalidateIntrinsicContentSize()
    }
  }

  override var intrinsicContentSize: CGSize {
    return collectionViewLayout.collectionViewContentSize
  }
}

Swift 4.2

class DynamicCollectionView: UICollectionView {
    override func layoutSubviews() {
        super.layoutSubviews()
        if bounds.size != intrinsicContentSize {
            invalidateIntrinsicContentSize()
        }
    }

    override var intrinsicContentSize: CGSize {
        return self.contentSize
    }
}

Es ist zu spät, um diese Frage zu beantworten, aber ich habe dieses Problem kürzlich durchgearbeitet.
Die obige Antwort von @ lee hilft mir sehr, meine Antwort zu bekommen. Aber diese Antwort beschränkt sich auf Ziel-c und ich habe schnell gearbeitet .
@lee Erlauben Sie mir unter Bezugnahme auf Ihre Antwort, den schnellen Benutzer dieses Problem leicht lösen zu lassen. Befolgen Sie dazu bitte die folgenden Schritte:

Deklarieren Sie eine CGFloatVariable im Deklarationsabschnitt:

var height : CGFloat!

An viewDidAppearkönnen Sie es bekommen durch:

height = self.myCollectionView.collectionViewLayout.collectionViewContentSize().height

Wenn Ihre reloadDaten dann eine neue Höhe mit neuen Daten berechnen müssen, können Sie diese möglicherweise abrufen, indem Sie Folgendes addObserverabhören: Wenn Ihre CollectionViewDaten nach dem erneuten Laden fertig sind viewWillAppear:

override func viewWillAppear(animated: Bool) {
        super.viewWillAppear(true)
        ....
        ....
        self.shapeCollectionView.addObserver(self, forKeyPath: "contentSize", options: NSKeyValueObservingOptions.Old, context: nil)
    }

Fügen Sie dann die folgende Funktion hinzu, um eine neue Höhe zu erhalten, oder führen Sie nach dem erneuten collectionviewLaden etwas aus:

override func observeValueForKeyPath(keyPath: String?, ofObject object: AnyObject?, change: [String : AnyObject]?, context: UnsafeMutablePointer<Void>) {
        let newHeight : CGFloat = self.myCollectionView.collectionViewLayout.collectionViewContentSize().height

        var frame : CGRect! = self.myCollectionView.frame
        frame.size.height = newHeight

        self.myCollectionView.frame = frame
    }

Und vergessen Sie nicht, den Beobachter zu entfernen:

override func viewWillDisappear(animated: Bool) {
    super.viewWillDisappear(true)
    ....
    ....
    self.myCollectionView.removeObserver(self, forKeyPath: "contentSize")
}

Ich hoffe, dies wird Ihnen helfen, Ihr Problem schnell zu lösen.

Diese Antwort basiert auf @Er. Vihars Antwort. Sie können die Lösung einfach mit RxSwift implementieren

     collectionView.rx.observe(CGSize.self , "contentSize").subscribe(onNext: { (size) in
        print("sizer \(size)")
    }).disposed(by: rx.disposeBag)

Schnelle Version von @ user1046037:

public class DynamicCollectionView: UICollectionView {

    override public func layoutSubviews() {
        super.layoutSubviews()
        if !bounds.size.equalTo(intrinsicContentSize) {
            invalidateIntrinsicContentSize()
        }
    }

    override public var intrinsicContentSize: CGSize {
        let intrinsicContentSize: CGSize = contentSize
        return intrinsicContentSize
    }
}

Swift 4.2, Xcode 10.1, iOS 12.1:

Aus irgendeinem Grund collectionView.contentSize.heighterschien es kleiner als die aufgelöste Höhe meiner Sammlungsansicht. Zuerst habe ich eine automatische Layoutbeschränkung in Bezug auf die Hälfte der Höhe der Übersicht verwendet. Um dies zu beheben, habe ich die Einschränkung so geändert, dass sie relativ zum "sicheren Bereich" der Ansicht ist.

Dadurch konnte ich die Zellenhöhe so einstellen, dass meine Sammlungsansicht mit collectionView.contentSize.heightfolgenden Elementen gefüllt wurde :

private func setCellSize() {
    let height: CGFloat = (collectionView.contentSize.height) / CGFloat(numberOfRows)
    let width: CGFloat = view.frame.width - CGFloat(horizontalCellMargin * 2)

    let layout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
    layout.itemSize = CGSize(width: width, height: height)
}

Vor

Nach dem

Unter der Annahme, dass Ihre collectionView als collectionView bezeichnet wird , können Sie die Höhe wie folgt annehmen.

let height = collectionView.collectionViewLayout.collectionViewContentSize.height

Außerdem ， rufen Sie besser an, reloadDatabevor Sie die Höhe ermitteln:

theCollectionView.collectionViewLayout.collectionViewContentSize;