iOS--CollectionView添加類似TableView的TableViewHeaderView 和 SectionHeader 的置頂懸停效果
阿新 • • 發佈:2017-11-30
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 的置頂懸停效果