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



UICollectionView headerView悬浮 类似于UItableView的Section

这个连接中的内容可以解决这个问题 http://stackoverflow.com/questions/13511733/how-to-make-supplementary-view-float-in...
  • manmanking
  • manmanking
  • 2016年09月29日 17:47
  • 1271

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

1. 流程大概如下。      1. 获取所有当前屏幕上展示的所有Item. 包含Cell, header, footer; 获取到一个数组。SuperArray     2. 通过遍历上面的数组...
  • zhonggaorong
  • zhonggaorong
  • 2016年09月30日 11:57
  • 1731

UICollectionView设置header悬浮效果

在iOS9.0后UICollectionView的头部视图也能像tableView的header一样出现悬浮挂住的效果。 UICollectionViewFlowLayout *flowLayout ...
  • jacob_ios
  • jacob_ios
  • 2016年10月18日 22:19
  • 2271

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

// // WNCalendarCollectionLayout.h // Calendar // // Created by 付国良 on 16/3/22. // Copyright © 2...
  • u013457022
  • u013457022
  • 2016年03月22日 16:14
  • 1478

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

使用 点击这里查看 这次主要是写关于UICollectionView的头部使用还有漂浮效果 相关代码请参考本人github上的代码 点击这里进入源代码 在UICollectionView...
  • zhonggaorong
  • zhonggaorong
  • 2016年05月18日 14:10
  • 12244

iOS中tableView每一个section的header的悬浮位置的解决

UITableView很多情况下我们需要分组section,并且需要加上头部视图header和底部视图footer,默认情况下这两个视图是不固定的它们会悬浮在表格的上面 那么有时候我们需要固定它的悬...
  • pengyuan_D
  • pengyuan_D
  • 2016年01月26日 08:42
  • 12404

CollectionView的HeaderView头视图悬停

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

collectionview头部悬浮

#import @interface NDFlowLayout : UICollectionViewFlowLayout @property (nonatomic, assign) ...
  • lxm_780337
  • lxm_780337
  • 2015年11月18日 19:26
  • 911

UICollectionView的header悬停

UICollectionView的header悬停,继承UICollectionViewFlowLayout,重写相关方法  来源:https://gist.github.com/eva...
  • MR_LP
  • MR_LP
  • 2016年01月13日 18:00
  • 1369

UICollectionView实现头部漂浮的效果

这次主要是写关于UICollectionView的头部使用还有漂浮效果 相关代码请参考 github上的代码 点击这里进入源代码 在UICollectionViewFlowLayout里面实现...
  • Liangyc0129
  • Liangyc0129
  • 2016年06月29日 11:44
  • 2010
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:collectionview头部悬浮
举报原因:
原因补充:

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