微信动态页面的图片下拉变大效果
来源:互联网 发布:知乎 真武七截阵 编辑:程序博客网 时间:2024/06/11 17:49
我在网上看了其他一些实现效果,不怎么完美,所以自己写了一个,第一次写,不清楚的话多包涵
先说说思想:self.imageView就是效果图中的图片,self.headerView是tableView中的头视图(
_tableView.tableHeaderView =_headerView;
)当tableView下滑的时候imageView加载在self.view上,当上滑的时候imageView加载在self.headerView上,然后用tableView中的代理方法(tableView继承与scrollView,所以能用下面的方法)利用scrollView的偏移量(scrollView.contentOffset.y)来计算imageView的fram-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
//获取偏移量
NSUInteger index =0;
CGPoint offset = scrollView.contentOffset;
//判断tableView是往上滑还是往下滑,offset.y<0是往下滑
if (offset.y <0) {
[self.imageViewremoveFromSuperview];
self.imageView.frame =CGRectMake(0,64, 375, 300);
[self.viewaddSubview:self.imageView];
CGRect rect =self.imageView.frame;
rect.size.height =300 - offset.y;
rect.origin.x = offset.y /2;
rect.size.width = 375 - offset.y;
self.imageView.frame = rect;
}elseif (offset.y >0) {
[self.imageViewremoveFromSuperview];
self.imageView.frame =CGRectMake(0,0, 375, 300);
[self.headerViewaddSubview:self.tableViewHeader];
}
}
- 微信动态页面的图片下拉变大效果
- 到顶到页面上的图片下拉会变大的效果
- iOS下实现下拉图片变大的效果
- android 阻尼效果(图片下拉变大)
- Android下拉图片变大的ScrollView
- Android下拉图片变大的ScrollView
- Android下拉图片变大的ScrollView
- 实现tableView上headerView图片下拉变大效果
- 下拉图片变大
- iOS 图片下拉变大
- Android开发-优雅的实现动态图片排版(类似微信图片展示效果)
- Android ScrollView下拉图片变大
- iOS tableView下拉图片变大
- 微信页面效果
- iOS个人页面图片下拉放大效果
- 怎么处理微信web页面字体自动变大
- UITableView下拉色彩渐变,图片变大效果(模仿链家网iOS APP首页)
- Android实现QQ空间图片下拉变大效果(雷惊风)
- List Control控件item的可编辑操作实现
- [LeetCode] 190. Reverse Bits
- iOS学习笔记 社交分享
- mq“没有”被消费
- 单表代替密码的分析
- 微信动态页面的图片下拉变大效果
- .net为baby取名字
- centos 安装并操作docker 同步文件夹 并部署tomcat
- 读取文件列表
- iOS学习笔记 Masonry自动布局
- Linux下更改Mysql的root密码
- View之孪生兄弟——SurfaceView
- DirectX学习笔记(十一):网格内部原理和方法实现专场
- iOS学习笔记 时间和日期计算