UICollectionView à l'intérieur d'un UITableViewCell — dynamique de la hauteur?

La bonne réponse est OUI, vous PEUT ce faire.

Je suis tombé sur ce problème il y a quelques semaines. Il est effectivement plus facile que vous pouvez penser. Mettez vos cellules en Plumes (ou story-boards) et la broche, je les mise en page automatique faire tout le travail

Compte tenu de la structure suivante:

TableView

TableViewCell

CollectionView

CollectionViewCell

CollectionViewCell

CollectionViewCell

[...nombre variable de cellules ou de cellules différentes tailles]

La solution est-à-dire mise en page automatique pour calculer d'abord le collectionViewCell tailles, puis l'affichage de la collection contentSize, et l'utiliser comme la taille de votre cellule. C'est le UIView méthode que "la magie":

-(void)systemLayoutSizeFittingSize:(CGSize)targetSize 
     withHorizontalFittingPriority:(UILayoutPriority)horizontalFittingPriority 
           verticalFittingPriority:(UILayoutPriority)verticalFittingPriority

Vous devez définir ici la taille de la TableViewCell, qui dans votre cas est le CollectionView de contentSize.

CollectionViewCell

À la CollectionViewCell que vous avez à dire à la cellule de mise en page à chaque fois que vous changer de modèle (par ex.: vous définissez un UILabel avec un texte, puis la cellule doit être mise de nouveau).

- (void)bindWithModel:(id)model {
    //Do whatever you may need to bind with your data and 
    //tell the collection view cell's contentView to resize
    [self.contentView setNeedsLayout];
}
//Other stuff here...

TableViewCell

La TableViewCell fait la magie. Il dispose d'une prise pour votre collectionView, permet la mise en page automatique pour collectionView cellules à l'aide de estimatedItemSize de la UICollectionViewFlowLayout.

Alors, le truc, c'est à définir votre tableView de la cellule la taille à la systemLayoutSizeFittingSize... méthode. (NOTE: iOS8 ou plus tard)

NOTE: j'ai essayé d'utiliser le délégué de la cellule de la hauteur de la méthode de la tableView -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath.mais il est trop tard pour la mise en page automatique du système pour calculer la CollectionView contentSize et parfois vous pouvez trouver mal redimensionnée cellules.

@implementation TableCell

- (void)awakeFromNib {
    [super awakeFromNib];
    UICollectionViewFlowLayout *flow = (UICollectionViewFlowLayout *)self.collectionView.collectionViewLayout;

    //Configure the collectionView
    flow.minimumInteritemSpacing = ...;

    //This enables the magic of auto layout. 
    //Setting estimatedItemSize different to CGSizeZero 
    //on flow Layout enables auto layout for collectionView cells.
    //https://developer.apple.com/videos/play/wwdc2014-226/
    flow.estimatedItemSize = CGSizeMake(1, 1);

    //Disable the scroll on your collection view
    //to avoid running into multiple scroll issues.
    [self.collectionView setScrollEnabled:NO];
}

- (void)bindWithModel:(id)model {
    //Do your stuff here to configure the tableViewCell
    //Tell the cell to redraw its contentView        
    [self.contentView layoutIfNeeded];
}

//THIS IS THE MOST IMPORTANT METHOD
//
//This method tells the auto layout
//You cannot calculate the collectionView content size in any other place, 
//because you run into race condition issues.
//NOTE: Works for iOS 8 or later
- (CGSize)systemLayoutSizeFittingSize:(CGSize)targetSize withHorizontalFittingPriority:(UILayoutPriority)horizontalFittingPriority verticalFittingPriority:(UILayoutPriority)verticalFittingPriority {

    //With autolayout enabled on collection view's cells we need to force a collection view relayout with the shown size (width)
    self.collectionView.frame = CGRectMake(0, 0, targetSize.width, MAXFLOAT);
    [self.collectionView layoutIfNeeded];

    //If the cell's size has to be exactly the content 
    //Size of the collection View, just return the
    //collectionViewLayout's collectionViewContentSize.

    return [self.collectionView.collectionViewLayout collectionViewContentSize];
}

//Other stuff here...

@end

TableViewController

Oubliez pas d'activer la mise en page automatique du système pour la tableView cellules à votre TableViewController:

- (void)viewDidLoad {
    [super viewDidLoad];

    //Enable automatic row auto layout calculations        
    self.tableView.rowHeight = UITableViewAutomaticDimension;
    //Set the estimatedRowHeight to a non-0 value to enable auto layout.
    self.tableView.estimatedRowHeight = 10;

}

De CRÉDIT: @rbarbera aidé à démêler

Les deux vues de table et les vues de la collection UIScrollView sous-classes, et donc n'aime pas être imbriquées à l'intérieur un autre de défilement de la vue, comme ils essaient de calculer le contenu de tailles, de la réutilisation des cellules, etc.

Je vous recommande de n'utiliser qu'une vue de collection pour tous vos fins.

Vous pouvez le diviser en sections et "traiter" certaines sections " mise en page comme une vue de table et d'autres en vue d'une collection. Après tout, il n'y a rien que vous ne pouvez pas atteindre avec une vue de collection que vous pouvez avec une vue de la table.

Si vous avez une base de la grille de mise en page pour votre vue de collection "pièces", vous pouvez aussi utiliser les cellules d'un tableau pour les gérer. Si vous n'avez pas besoin de iOS 5 il est mieux d'utiliser les vues de la collection.

Je mettrais une méthode statique sur l'affichage de la collection de la classe qui sera de retour une taille basée sur le contenu qu'il aura. Ensuite, utilisez la méthode dans la heightForRowAtIndexPath pour revenir à la bonne taille.

Notez également que vous pouvez obtenir certains comportement bizarre lorsque vous incorporez ces sortes de viewControllers. Je l'ai fait une fois et avait d'étranges problèmes de mémoire je n'ai jamais travaillé.

Une alternative à Pablo Romeu solution est de personnaliser UICollectionView lui-même, plutôt que de faire le travail dans la vue tableau de cellules.

Le problème sous-jacent est que, par défaut, la vue d'une collection n'a pas de taille intrinsèque et donc ne peut pas informer disposition automatique des dimensions à utiliser. Vous pouvez remédier à cela en créant une sous-classe personnalisée qui retourne une utilité intrinsèque de la taille.

Créer une sous-classe de UICollectionView et remplacer les méthodes suivantes

override func intrinsicContentSize() -> CGSize {
    self.layoutIfNeeded()

    var size = super.contentSize
    if size.width == 0 || size.height == 0 {
        //return a default size
        size = CGSize(width: 600, height:44)
    }

    return size
 }

override func reloadData() {
    super.reloadData()
    self.layoutIfNeeded()
    self.invalidateIntrinsicContentSize()
}

(Vous devriez également de remplacer les méthodes associées: reloadSections, reloadItemsAtIndexPaths d'une manière similaire à reloadData())

Appel layoutIfNeeded les forces de l'affichage de la collection de recalculer la taille du contenu, qui peut ensuite être utilisé comme la nouvelle taille intrinsèque.

Aussi, vous devez explicitement gérer les modifications apportées à la taille de la vue (par exemple, sur le dispositif de rotation) dans le table view controller

    override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator)
{
    super.viewWillTransitionToSize(size, withTransitionCoordinator: coordinator)
    dispatch_async(dispatch_get_main_queue()) {
        self.tableView.reloadData()
    }
}

J'ai lu toutes les réponses. Cela semble servir tous les cas.

override func systemLayoutSizeFitting(_ targetSize: CGSize, withHorizontalFittingPriority horizontalFittingPriority: UILayoutPriority, verticalFittingPriority: UILayoutPriority) -> CGSize {
        collectionView.layoutIfNeeded()
        collectionView.frame = CGRect(x: 0, y: 0, width: targetSize.width , height: 1)
        return collectionView.collectionViewLayout.collectionViewContentSize
}

J'ai été confrontée au même problème récemment et j'ai presque tout essayé solution dans les réponses, certains d'entre eux ont travaillé et ce n'était pas ma principale préoccupation à propos de @PabloRomeu approche est que si vous avez d'autres contenus dans la cellule (autres que l'affichage de la collection), vous aurez pour calculer leur taille et la hauteur de leurs contraintes et de retourner le résultat à obtenir la mise en page automatique de droite et je n'aime pas à calculer les choses manuellement dans mon code. Voici donc la solution qui a bien fonctionné pour moi, sans faire des calculs manuels dans mon code.

dans le cellForRow:atIndexPath de la vue de la table je ne les suivants:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    //do dequeue stuff
    //initialize the the collection view data source with the data
    cell.frame = CGRect.zero
    cell.layoutIfNeeded()
    return cell
}

Je pense que ce qui se passe ici, c'est que je force la tableview cellule d'ajuster sa hauteur après l'affichage de la collection de la hauteur a été calculée. (après la fourniture de la collectionView date de la source de données)

Dans votre UITableViewDelegate:

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return ceil(itemCount/4.0f)*collectionViewCellHeight;
}

Substitut itemCount et CollectionViewCellHeight avec les valeurs réelles. Si vous avez un tableau de tableaux itemCount pourrait être:

self.items[indexPath.row].count

Ou quoi que ce soit.

Vous pouvez calculer la hauteur de la collection en fonction de ses propriétés comme itemSize, sectionInset, minimumLineSpacing, minimumInteritemSpacing, si votre collectionViewCell a la frontière de la règle.