CollectionViewStackLayout

Posted 2020-10-05 Emerys

//

//  JKStackLayout.m

//  CollectionViewCustomerLayout

//

//  Created by Jack on 2017/6/26.

//  Copyright ? 2017年 buakaw.lee.com.www. All rights reserved.

//

 

#import "JKStackLayout.h"

 

@interface JKStackLayout ()

{

    NSMutableArray<NSNumber *> *_angle;

}

 

@end

 

@implementation JKStackLayout

 

- (instancetype)init {

    if (self = [super init]) {

        

    }

    return self;

}

 

- (NSUInteger)itemCount {

    return [self.collectionView.dataSource collectionView:self.collectionView numberOfItemsInSection:0];

}

 

/**

 * 布局首先要提供的信息就是滚动区域大小

 */

- (CGSize)collectionViewContentSize {

    

    return CGSizeZero;

}

 

- (void)prepareLayout {

    [super prepareLayout];

    

    NSUInteger count = [self.collectionView.dataSource collectionView:self.collectionView numberOfItemsInSection:0];

//    float angleOffset = M_PI_2 / floor(count / 2);

    float tmpAngle = 0;

    

    _angle = [NSMutableArray array];

    for(int i = 0;i < count; i++) {

        if (i < count /2) {

            [_angle addObject:@(tmpAngle)];

        } else {

            [_angle addObject:@(-tmpAngle)];

        }

        tmpAngle += 0.1;

        if (tmpAngle > 0.5) {

            tmpAngle = 0.1;

        }

    }

}

 

/**

 * 这个矩形代表了这个视图的可见矩形区域

 * UICollectionViewLayoutAttributes 包含 frame，center，size，transform3D，alpha，zIndex 和 hidden属性。

 * 如果你的布局想要控制其他视图的属性（比如背景颜色），你可以建一个 UICollectionViewLayoutAttributes 的子类，然后加上你自己的属性。

 * 

 * 1、创建一个空的可变数组来存放所有的布局属性。

 * 

 * 2、确定 index paths 中哪些 cells 的 frame 完全或部分位于矩形中。这个计算需要你从 collection view 的数据源中取出你需要显示的数据。

 * 然后在循环中调用你实现的 layoutAttributesForItemAtIndexPath: 方法为每个 index path 创建并配置一个合适的布局属性对象，并将每个对象添加到数组中。

 *

 * 3、如果你的布局包含 supplementary views，计算矩形内可见 supplementary view 的 index paths。

 * 在循环中调用你实现的 layoutAttributesForSupplementaryViewOfKind:atIndexPath: ，并且将这些对象加到数组中。

 * 通过为 kind 参数传递你选择的不同字符，你可以区分出不同种类的supplementary views（比如headers和footers）。

 * 当需要创建视图时，collection view 会将 kind 字符传回到你的数据源。记住 supplementary 和 decoration views 的数量和种类完全由布局控制。

 * 你不会受到 headers 和 footers 的限制。

 *

 * 4、如果布局包含 decoration views，计算矩形内可见 decoration views 的 index paths。

 * 在循环中调用你实现的 layoutAttributesForDecorationViewOfKind:atIndexPath: ，并且将这些对象加到数组中。

 * 

 * 5、返回数组。

 */

- (NSArray<UICollectionViewLayoutAttributes *> *)layoutAttributesForElementsInRect:(CGRect)rect {

    

    NSMutableArray *attrs = [NSMutableArray array];

    for (int i = 0; i < [self itemCount]; i++) {

        UICollectionViewLayoutAttributes *layoutAttrs = [self layoutAttributesForItemAtIndexPath:[NSIndexPath indexPathForItem:i inSection:0]];

        [attrs addObject:layoutAttrs];

    }

    

    return attrs;

}

 

- (UICollectionViewLayoutAttributes *)layoutAttributesForItemAtIndexPath:(NSIndexPath *)indexPath {

    

    CGFloat width = self.collectionView.bounds.size.width;

    CGFloat height = self.collectionView.bounds.size.height;

    CGFloat w = MIN(width, height);

    CGFloat itemSize = sqrt(pow(w, 2) / 2);

    float angle = [[_angle objectAtIndex:indexPath.row] floatValue];

    

    UICollectionViewLayoutAttributes *layoutAttrs = [UICollectionViewLayoutAttributes layoutAttributesForCellWithIndexPath:indexPath];

    layoutAttrs.size = CGSizeMake(itemSize, itemSize);

    layoutAttrs.center = CGPointMake(width * 0.5, height * 0.5);

    layoutAttrs.transform = CGAffineTransformMakeRotation(angle);

    layoutAttrs.zIndex = [self itemCount] - indexPath.row; // 第一个在最上面

    

    return layoutAttrs;

}

 

/**

 * Supplementary views 相当于 table view 的 section header 和 footer views。

 */

- (UICollectionViewLayoutAttributes *)layoutAttributesForSupplementaryViewOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath {

    return nil;

}

 

/**

 * Decoration views 纯粹为一个装饰品。他们完全属于布局对象，并被布局对象管理，他们并不从 data source 获取的 contents。

 */

- (UICollectionViewLayoutAttributes *)layoutAttributesForDecorationViewOfKind:(NSString *)elementKind atIndexPath:(NSIndexPath *)indexPath {

    return nil;

}

 

/**

 *  CollectionView bounds 改变时，布局需要告诉 collection view 是否需要重新计算布局。

 */

- (BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds {

 

    CGRect oldBounds = self.collectionView.bounds;

    if (!CGSizeEqualToSize(newBounds.size, oldBounds.size)) {

        return YES;

    }

    return NO;

}

 

@end