博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS--CollectionView添加类似TableView的TableViewHeaderView 和 SectionHeader 的置顶悬停效果...
阅读量:7027 次
发布时间:2019-06-28

本文共 979 字,大约阅读时间需要 3 分钟。

1.悬停效果

  主要参考此博客,使用 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效果

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

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

  

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

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

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/qiangtian/p/7929467.html

你可能感兴趣的文章
select option 下拉多选单选bootstrap插件使用总结2
查看>>
alipay.trade.refund (统一收单交易退款接口)[支付宝退款]
查看>>
cisco常用命令详解
查看>>
2013多校训练赛第二场 总结
查看>>
puppeteer UI自动化测试demo(一)
查看>>
week0713.5 newspaper 安装问题
查看>>
【转】关于大型网站技术演进的思考(十五)--网站静态化处理—前后端分离—中(7)...
查看>>
小白学习之Code First(二)
查看>>
谁在追踪谁?
查看>>
HTTP请求返回状态码详解
查看>>
句柄类
查看>>
GitLab
查看>>
MySQL安装部署
查看>>
m6-第10周作业
查看>>
Salesforce Apex学习 : 利用Schema命名空间中的DescribeSObjectResult类型来获取sObject对象的基本信息...
查看>>
沃通SSL证书支持最新顶级域名
查看>>
网站建设流程图
查看>>
cc2540 usbdongle 安装驱动失败的终极解决方法 【原创,多图】
查看>>
STS(Eclipse)+Maven将war项目部署到远程的tomcat
查看>>
云虚机选购指南之一怎样选择一款适合自己的云虚拟主机
查看>>