collectionview头部悬浮

原创 2015年11月18日 19:26:41

#import <UIKit/UIKit.h>


@interface NDFlowLayout : UICollectionViewFlowLayout

@property (nonatomic, assign) CGFloat naviHeight;//默认为64.0, default is 64.0

@end

#import "NDFlowLayout.h"


@implementation NDFlowLayout

-(instancetype)init

{

    self = [super init];

    if (self)

    {

    

    }

    return self;

}



- (NSArray *) layoutAttributesForElementsInRect:(CGRect)rect

{

    //UICollectionViewLayoutAttributes:我称它为collectionView中的item(包括cellheaderfooter这些)的《结构信息》

    //截取到父类所返回的数组(里面放的是当前屏幕所能展示的item的结构信息),并转化成不可变数组

    NSMutableArray *superArray = [[super layoutAttributesForElementsInRect:rect] mutableCopy];

    

    //创建存索引的数组,无符号(正整数),无序(不能通过下标取值),不可重复(重复的话会自动过滤)

    NSMutableIndexSet *noneHeaderSections = [NSMutableIndexSet indexSet];

    //遍历superArray,得到一个当前屏幕中所有的section数组

    for (UICollectionViewLayoutAttributes *attributes in superArray)

    {

        //如果当前的元素分类是一个cell,将cell所在的分区section加入数组,重复的话会自动过滤

        if (attributes.representedElementCategory == UICollectionElementCategoryCell)

        {

            [noneHeaderSections addIndex:attributes.indexPath.section];

        }

    }

    

    //遍历superArray,将当前屏幕中拥有的headersection从数组中移除,得到一个当前屏幕中没有headersection数组

    //正常情况下,随着手指往上移,header脱离屏幕会被系统回收而cell尚在,也会触发该方法

    for (UICollectionViewLayoutAttributes *attributes in superArray)

    {

        //如果当前的元素是一个header,将header所在的section从数组中移除

        if ([attributes.representedElementKind isEqualToString:UICollectionElementKindSectionHeader])

        {

            [noneHeaderSections removeIndex:attributes.indexPath.section];

        }

    }

    

    //遍历当前屏幕中没有headersection数组

    [noneHeaderSections enumerateIndexesUsingBlock:^(NSUInteger idx, BOOL *stop){

        

        //取到当前section中第一个itemindexPath

        NSIndexPath *indexPath = [NSIndexPath indexPathForItem:0 inSection:idx];

        //获取当前section在正常情况下已经离开屏幕的header结构信息

        UICollectionViewLayoutAttributes *attributes = [self layoutAttributesForSupplementaryViewOfKind:UICollectionElementKindSectionHeader atIndexPath:indexPath];

        

        //如果当前分区确实有因为离开屏幕而被系统回收的header

        if (attributes)

        {

            //将该header结构信息重新加入到superArray中去

            [superArray addObject:attributes];

        }

    }];

    

    //遍历superArray,改变header结构信息中的参数,使它可以在当前section还没完全离开屏幕的时候一直显示

    for (UICollectionViewLayoutAttributes *attributes in superArray) {

        

        //如果当前itemheader

        if ([attributes.representedElementKind isEqualToString:UICollectionElementKindSectionHeader])

        {

            //得到当前header所在分区的cell的数量

            NSInteger numberOfItemsInSection = [self.collectionView numberOfItemsInSection:attributes.indexPath.section];

            //得到第一个itemindexPath

            NSIndexPath *firstItemIndexPath = [NSIndexPath indexPathForItem:0 inSection:attributes.indexPath.section];

            //得到最后一个itemindexPath

            NSIndexPath *lastItemIndexPath = [NSIndexPath indexPathForItem:MAX(0, numberOfItemsInSection-1) inSection:attributes.indexPath.section];

            //得到第一个item和最后一个item的结构信息

            UICollectionViewLayoutAttributes *firstItemAttributes, *lastItemAttributes;

            if (numberOfItemsInSection>0)

            {

                //cell有值,则获取第一个cell和最后一个cell的结构信息

                firstItemAttributes = [self layoutAttributesForItemAtIndexPath:firstItemIndexPath];

                CGFloat y = CGRectGetMaxY(attributes.frame)+self.sectionInset.top;

                firstItemAttributes.frame = CGRectMake(0, y, 0, 0);

                lastItemAttributes = [self layoutAttributesForItemAtIndexPath:lastItemIndexPath];

            }else

            {

                //cell没值,就新建一个UICollectionViewLayoutAttributes

                firstItemAttributes = [UICollectionViewLayoutAttributes new];

                //然后模拟出在当前分区中的唯一一个cellcellheader的下面,高度为0,还与header隔着可能存在的sectionInsettop

                CGFloat y = CGRectGetMaxY(attributes.frame)+self.sectionInset.top;

                firstItemAttributes.frame = CGRectMake(0, y, 0, 0);

                //因为只有一个cell,所以最后一个cell等于第一个cell

                lastItemAttributes = firstItemAttributes;

            }

            

            //获取当前headerframe

            CGRect rect = attributes.frame;

            

            //当前的滑动距离 + 因为导航栏产生的偏移量,默认为64(如果app需求不同,需自己设置)

            CGFloat offset = self.collectionView.contentOffset.y + _naviHeight;

            //第一个celly - 当前header的高度 - 可能存在的sectionInsettop

            CGFloat headerY = firstItemAttributes.frame.origin.y - rect.size.height - self.sectionInset.top;

            

            //哪个大取哪个,保证header悬停

            //针对当前header基本上都是offset更加大,针对下一个header则会是headerY大,各自处理

            CGFloat maxY = MAX(offset,headerY);

            

            //最后一个celly + 最后一个cell的高度 + 可能存在的sectionInsetbottom - 当前header的高度

            //当当前sectionfooter或者下一个sectionheader接触到当前header的底部,计算出的headerMissingY即为有效值

            CGFloat headerMissingY = CGRectGetMaxY(lastItemAttributes.frame) + self.sectionInset.bottom - rect.size.height;

            

            //recty赋新值,因为在最后消失的临界点要跟谁消失,所以取小

            rect.origin.y = MIN(maxY,headerMissingY);

            //header的结构信息的frame重新赋值

            attributes.frame = rect;

            

            //如果按照正常情况下,header离开屏幕被系统回收,而header的层次关系又与cell相等,如果不去理会,会出现cellheader上面的情况

            //通过打印可以知道cell的层次关系zIndex数值为0,我们可以将headerzIndex设置成1,如果不放心,也可以将它设置成非常大,这里随便填了个7

            attributes.zIndex = 7;

        }

    }

    

    //转换回不可变数组,并返回

    return [superArray copy];

    

}


//return YES;表示一旦滑动就实时调用上面这个layoutAttributesForElementsInRect:方法

- (BOOL) shouldInvalidateLayoutForBoundsChange:(CGRect)newBound

{

    return YES;

}




@end



相关文章推荐

【iOS开发系列】collectionView头部悬浮

// // WNCalendarCollectionLayout.h // Calendar // // Created by 付国良 on 16/3/22. // Copyright © 2...

iOS开发之UICollectionView的headerView实现与TableView一样的漂浮效果

使用 点击这里查看 这次主要是写关于UICollectionView的头部使用还有漂浮效果 相关代码请参考本人github上的代码 点击这里进入源代码 在UICollectionView...

UICollectionView 设置headerView部分悬停

恶心需求又来啦!老总需要在商品列表顶部添加一个banner,并且添加分类标识按钮,要求滑动UICollectionView的时候banner滑动,而分类标识按钮悬停(最后有图) 方法步骤: 1.先...

UICollectionview实现类似UITableview的sectionheader悬浮代码

UICollectionview实现类似UITableview的sectionheader悬浮代码: #import @interface CSNFloatingHeaderView...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

UICollectionView分组-组头处理

UICollectionView分组 设置组头 1先设置组头高度     collectionViewLayout.headerReferenceSize = CGSizeMake([UIScre...

CollectionView的HeaderView头视图悬停

上一篇我写了关于CollectionView的HeaderView头视图的添加的方法和实现,现在又需要在滑动的时候像TableView的section一样在顶部悬停,在网上搜索了一些文章也比较少提到c...

UICollectionView实现头部漂浮的效果

这次主要是写关于UICollectionView的头部使用还有漂浮效果 相关代码请参考 github上的代码 点击这里进入源代码 在UICollectionViewFlowLayout里面实现...

UICollectionView自定义Layout教程

UICollectionView自定义Layout

iOS开发之UICollectionView之悬浮效果实现

1. 流程大概如下。      1. 获取所有当前屏幕上展示的所有Item. 包含Cell, header, footer; 获取到一个数组。SuperArray     2. 通过遍历上面的数组...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:collectionview头部悬浮
举报原因:
原因补充:

(最多只允许输入30个字)