简书个人中心,增加下拉刷新和放大头部视图
来源:互联网 发布:淘宝客鹊桥活动玩法 编辑:程序博客网 时间:2024/06/05 03:40
前言:上篇文章写了一个简书中心效果,增加了下拉刷新功能。如有需要可移步。 到这里来
本片文章 Demo地址
本篇文章主要是在原有的基础效果上增加下拉可以使头部视图放大效果,废话不多说,先上效果图
看过上个例子的童鞋应该可以看出,在原有的基础上增加下拉放大头部视图功能。
核心代码
- (NXTableView *)mainTableView{ if (!_mainTableView) { _mainTableView = [[NXTableView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) style:UITableViewStylePlain]; _mainTableView.delegate = self; _mainTableView.dataSource = self; _mainTableView.backgroundColor = [UIColor whiteColor]; _mainTableView.showsHorizontalScrollIndicator = NO; _mainTableView.separatorStyle = UITableViewCellSeparatorStyleNone; _mainTableView.showsVerticalScrollIndicator = NO; //table 预留出需要做放大效果视图的高度 _mainTableView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0); // 需要注意的是 创建的头部视图的坐标,这里以200为高度举例。 UIImageView * imageV = [[UIImageView alloc]initWithFrame:CGRectMake(0, -200, SCREEN_WIDTH, 200)]; imageV.image = [UIImage imageNamed:@"m8.jpg"]; //为了达到我们等比例的放大效果,使用系统的方法UIViewContentModeScaleAspectFill 即可 imageV.contentMode = UIViewContentModeScaleAspectFill; imageV.tag = 10000; imageV.backgroundColor = [UIColor redColor]; [_mainTableView addSubview:imageV]; } return _mainTableView;}
创建好我们的头部视图之后,这里需要考虑的就是放大的效果了
在scroll的代理方法scrollViewDidScroll:(UIScrollView *)scrollView 里边进行判断就可以了,这里视图向下偏移了64像素,所以- (void)scrollViewDidScroll:(UIScrollView *)scrollView{CGFloat headerOffsetY = -264;预留高度+偏移的距离 if (tempContentOffsetY < headerOffsetY) { CGRect rect = [self.mainTableView viewWithTag:10000].frame; rect.origin.y = tempContentOffsetY+64; rect.size.height = -(tempContentOffsetY+64); [self.mainTableView viewWithTag:10000].frame = rect; } }
到此效果图就基本出来了。感兴趣的小伙伴可以移步到我的GitHub里。 传送门
阅读全文
0 0
- 简书个人中心,增加下拉刷新和放大头部视图
- tableView下拉放大头部视图
- 下拉实现头部图片放大效果,实现类似QQ,新浪个人中心界面
- 下拉实现头部图片放大效果,实现类似QQ,新浪个人中心界面
- tableView头部视图下拉放大效果
- 下拉放大头部
- 导航栏透明且可下拉放大的个人中心
- iOS 类似QQ空间表视图下拉头部视图放大效果实现
- android 下拉刷新可自定义刷新头部和底部
- ScrollView下拉视图放大
- 仿微信朋友圈(QQ空间)下拉刷新(头部放大动画效果)
- iOS:自定义下拉刷新视图和下拉刷新原理
- 头部下拉刷新控件使用
- 自定义头部的下拉刷新
- 下拉刷新头部视差效果
- AnroidQQ空间头部图片下拉放大
- 安卓ListView下拉放大头部图片
- listview scrollview 头部下拉放大效果
- AVL树
- 使用maven构建web项目
- EOJ Monthly 2017.12 (暨 ECNU 12 月内部选拔) 题解
- 排序
- C语言实验——分割整数
- 简书个人中心,增加下拉刷新和放大头部视图
- 大数据梯度下降(斯坦福machine learning week 10)
- wpa_cli常用操作
- 在Linux环境下快速搭建一个javaweb项目网站(阿里云ubuntu)
- 一种不用额外空间反转整数的方法
- 42. Trapping Rain Water(H)
- Java万能接收页面数据,并自动匹配封装为map对象
- 安装centos7.3操作系统
- 接入科大讯飞语音听写,增加语音动画,类似京东语音搜索功能