iOS tableView下拉图片放大
事实上这个效果,本质上就是在你tableView下拉 造成offset时候。 保持你顶部图片的y坐标点还停留在下拉时屏幕的顶点(offset), 而图片的长度变为原始的height长度-(offset ) 就达到了下拉放大的效果。
直接上代码了:
1. 首先创建一个UIView作为headerView
_topView = [[UIViewalloc]initWithFrame:CGRectMake(0,0,MCAPPWidth,80)];
_tableView.tableHeaderView =_topView;
_topImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(0,0,MCAPPWidth,80)];
_topImageView.contentMode =UIViewContentModeScaleAspectFill;
_topImageView.layer.masksToBounds = YES;
[_topImageViewsd_setImageWithURL:[NSURLURLWithString:nil]placeholderImage:[UIImageimageNamed:@"mian_bg"]];
[_topViewaddSubview:_topImageView];
3.最后引入scrollView的代理方法 监听frame的变化
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
if (_tableView == scrollView) {
CGFloat yOffset = _tableView.contentOffset.y;
//下拉图片放大
if (yOffset < 0) {
_topView.frame = CGRectMake(0, 0, MCAPPWidth, 80 * Height - yOffset);
_topImageView.frame = CGRectMake(0, yOffset, MCAPPWidth, 80 * Height - yOffset);
NSLog(@"%.2f", _topImageView.y);
}
else {
_topView.frame = CGRectMake(0, 0, MCAPPWidth, 80 * Height - yOffset);
_topImageView.y = yOffset * 0.65;
_topImageView.height = 80 * Height - yOffset * 0.65;
}
}
}
我这里的.y是自己封装的方法直接copy会出错哦。
相关文章
- iOS小技能:base64字符串和图片的互转
- ios-tableView的touchesBegan事件和didSelectRowAtIndexPath方法
- Tenorshare UltData Mac(专业iOS数据恢复工具)
- 关于iOS的CocoaPods版本冲突的解决方案
- AnyMP4 iOS Cleaner for mac(IOS文件清理工具)v1.0.16激活版
- iOS 内存溢出和泄露
- 【IOS实用玩机技巧】爱思助手 IPA 签名功能常见问题汇总(iOS上架)
- iOS App上架到appStore
- iOS 6 的 Safari 浏览器文件上传功能详解
- iOS代码编写利器AppCode 2023.1
- AnyTrans for iOS for mac(ios数据传输管理工具)
- iOS图片无损拉伸详解手机开发
- iOS tableView下拉图片放大详解手机开发
- ios开发之公交卡系统的设计与实现详解手机开发
- ios通过按钮点击异步加载图片代码详解手机开发
- iOS启动屏后再加个闪屏的方法详解手机开发
- iOS通过Http 上传图片详解手机开发
- iOS调整按纽图片文字title位置的代码详解手机开发
- iOS 改变键盘颜色的代码详解手机开发
- ios数据类型转换详解手机开发
- iOS判断手机APP第一次启动详解手机开发
- iOS–app自定义相册–创建相簿,存储图片到手机详解手机开发
- 探索Linux系统:在iOS上下载(linux系统ios下载)
- Linux下开发iOS应用:挑战还是机会?(linux做ios开发)
- 操作系统开启iOS时代:Linux操作系统的新篇章(ios是linux)
- 让Linux开发iOS应用变得更简单(linux开发ios应用)
- 基于Linux环境下iOS应用开发实践(linux下开发ios)
- 为什么Android的图片质量没有iOS的高?
- 又双叒重启,iOS 10.2.1小漏洞集锦 | 宅客爱测试