How make a collectionViewCell auto size only by height?

Question

I use feature of autosizing flow layout of collectionView

self.flow = [[UICollectionViewFlowLayout alloc] init];
self.flow.scrollDirection = UICollectionViewScrollDirectionVertical;
self.flow.sectionInset = UIEdgeInsetsZero;
self.flow.estimatedItemSize = CGSizeMake(320, 48);

I want to cells will fill by width full width of CollectionView (widthCell=widthCollectionView)

But i got what autosizing work for whole size. I try playing with Content Compression/Hugging Priority - not effect.

With width of CollectionView equals 320px, i got cell size for label content size.

My cell looks like

Constraints Horizontal : H:|-8-[img(48)]-8-[label]-8-|

How to make autosize work only for Vertical but not for Horizontal?

i have answered it, works well http://stackoverflow.com/a/31604233/3382056 — Mihawk, Nov 25 '15 at 08:00
Mihawk, it's not a autosize example. This example i use too, but i wonder autosize. — Dmitry Nelepov, Nov 25 '15 at 08:32

score 15 · Accepted Answer · edited Mar 20 '19 at 15:19

I found a solution.

CollectionViewCell has a delegate preferredLayoutAttributesFittingAttributes

So, this function gives you layoutAttributes sets as estimatedItemSize

You need do next (for Height)

- (UICollectionViewLayoutAttributes *)preferredLayoutAttributesFittingAttributes:(UICollectionViewLayoutAttributes *)layoutAttributes {
    UICollectionViewLayoutAttributes *attr = [super preferredLayoutAttributesFittingAttributes:layoutAttributes]; //Must be called
    CGRect frame = attr.frame;
    frame.size.width = layoutAttributes.size.width; //Key here
    attr.frame = frame;
    return attr;
}

Same you can do to prefer size, width so make constant height (frame.size.height = layoutAttributes.size.height).

If you just copy layoutAttributes and change width, will no effect!

You must call super.

How do you use it? Where do you set that delegate? – RedRoses Nov 11 '16 at 20:53 — RedRoses, Nov 11 '16 at 20:53

score 3 · Answer 2 · answered Nov 30 '15 at 21:00

Actually you are right here is the problem with the constraints priority.

To resolve the priority constraint issue you should update the imageView Leading priority 999 and also label Trailing priority 999 either programmatically or directly from InterFace Builder.

Update priority programmatically by using the KVConstraintExtensionsMaster that I have implemented to update any constraint without IBOutlet reference of Autolayout constraint.

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    CustomCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"Cell1" forIndexPath:indexPath];

    [cell.imageView changeAppliedConstraintPriority:999 forAttribute:NSLayoutAttributeLeading];
    [cell.label changeAppliedConstraintPriority:999 forAttribute:NSLayoutAttributeTrailing];

    return cell;
}

After this Now you need to calculate the only height of the cell

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
     CGFloat width  = CGRectGetWidth(collectionView.bounds);
     CGFloat height  =  /* do here some calculation for height */
     return CGSizeMake(width, height);;
}

U use sizeForItemAtIndexPath, but autoSize it's without manual calculation. — Dmitry Nelepov, Dec 01 '15 at 02:00
of course autoSize for both width as well as for height and but you want to cells will fill by width full width of CollectionView (widthCell=widthCollectionView). So here cell width always equals to collectionView width. — keshav vishwkarma, Dec 01 '15 at 19:35

Jayden Irwin · Answer 3 · 2018-03-07T07:06:29.093

-1

Dmitry Nelepov's solution in swift.

Swift 4

override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
    let attr = super.preferredLayoutAttributesFitting(layoutAttributes)
    var frame = attr.frame
    frame.size.width = layoutAttributes.size.width //Key here
    attr.frame = frame
    return attr
}

edited Mar 07 '18 at 07:06

answered Mar 01 '18 at 22:41

Jayden Irwin

921
9
14

How make a collectionViewCell auto size only by height?

3 Answers3

Linked