iOS--CollectionView添加类似TableView的TableViewHeaderView 和 SectionHeader 的置顶悬停效果

Posted 强天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS--CollectionView添加类似TableView的TableViewHeaderView 和 SectionHeader 的置顶悬停效果相关的知识,希望对你有一定的参考价值。

1.悬停效果

   http://blog.csdn.net/liangyc0129/article/details/51781722

  主要参考此博客,使用 JHHeaderFlowLayout.h。生成UICollectionReusableView即可。

  

 JHHeaderFlowLayout *layout = [[JHHeaderFlowLayout alloc] init];

        layout.minimumInteritemSpacing = 0;

        layout.minimumLineSpacing = 10;

        layout.sectionInset = UIEdgeInsetsMake(kLeftSpace, kLeftSpace, kLeftSpace, kLeftSpace);
         //naviHeight 决定顶部悬浮高度
        layout.naviHeight = KNAV_HEIGHT;

 

2.顶部 类似 TableViewHeaderView效果

http://blog.csdn.net/wangyanchang21/article/details/51734750

  参考此博文。当有顶部设置轮播图、悬浮headerview上有view效果时,tableView 有 TableViewHeaderView,collectionView 是没有的,

  所以改变 collectionview 的内延边距,将图片添加在内延空白的位置。

  

//1.设置collectionview contentInset
_collectionView.contentInset = UIEdgeInsetsMake(topImg_Height, 0, 0, 0);
//2.填充图片View
UIView *topView = [[UIView alloc]initWithFrame:CGRectMake(0, -topImg_Height, kScreenW, topImg_Height)];
   [self.collectionView addSubview:topView];

  注意:这种方法是可行的,但是在两种效果都需要的情况下,要注意collectionView 的 contentOffset,添加header后,contentOffset此时为-topImg_Height.

 

 

 

 

 

 

 

以上是关于iOS--CollectionView添加类似TableView的TableViewHeaderView 和 SectionHeader 的置顶悬停效果的主要内容,如果未能解决你的问题,请参考以下文章

iOS CollectionView Header 不显示

iOS:CollectionView里面的ScrollView委托方法没有调用

Swift iOS -CollectionView 如何将单元格滚动到屏幕外

iOS collectionView.sizeForItemAtIndexPath 在 iPhone 6 之前的任何东西上都会中断

ios collectionview 怎么获取header的indexpath

ios collectionview 怎么使cell滚动到指定的位置