1. 程式人生 > >iOS--CollectionView添加類似TableView的TableViewHeaderView 和 SectionHeader 的置頂懸停效果

iOS--CollectionView添加類似TableView的TableViewHeaderView 和 SectionHeader 的置頂懸停效果

inter 頂部 edge .net 但是 con pan mint ont

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 的置頂懸停效果