经验之谈—实现图片下拉放大的效果
2015-12-22 19:15
447 查看
这里我们主要是用一下,如何能保持原来的图片的宽高比来轻松的实现放大的效果,主要的是UIViewContentModeScaleAspectFill这个起的效果:
我们用tableView来展示这个效果吧
我们这里并没有计算图片的宽高比,直接用UIViewContentModeScaleAspectFill来实现
实现tableView的数据源方法
最后用scrollViewDidScroll来监听拖动事件
看一下效果:
这里主要是讲UIViewContentModeScaleAspectFill的作用,但是我觉得这个demo中也牵扯到一些东西,也顺便讲讲
为什么将UIImageView采用
这种方式来添加,其实一开始我也是直接让UIImageView作为headerView的,但是作为headerView的话,就不能让图片一开始显示一部分在外面了,也不好控制
然后偏移量等,就自然而然的想到了。多尝试,就多收获。。。。
我们用tableView来展示这个效果吧
我们这里并没有计算图片的宽高比,直接用UIViewContentModeScaleAspectFill来实现
[code] #import "ViewController.h" const CGFloat ZYTopViewH = 350; @interface ViewController () @property(nonatomic,weak)UIImageView *topView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; self.tableView.contentInset = UIEdgeInsetsMake(ZYTopViewH * 0.5, 0, 0, 0); UIImageView *topView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"biaoqingdi"]]; topView.frame = CGRectMake(0, -ZYTopViewH, 375, ZYTopViewH); topView.contentMode = UIViewContentModeScaleAspectFill; [self.tableView insertSubview:topView atIndex:0]; self.topView = topView; }
实现tableView的数据源方法
[code]- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 20; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"]; if (cell == nil) { cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"]; } cell.textLabel.text = [NSString stringWithFormat:@"test---%zd",indexPath.row]; return cell; }
最后用scrollViewDidScroll来监听拖动事件
[code]- (void)scrollViewDidScroll:(UIScrollView *)scrollView { CGFloat offsetY = scrollView.contentOffset.y; CGFloat offsetH = -ZYTopViewH * 0.5 - offsetY; if (offsetH < 0) return; CGRect frame = self.topView.frame; frame.size.height = ZYTopViewH + offsetH; self.topView.frame = frame; }
看一下效果:
这里主要是讲UIViewContentModeScaleAspectFill的作用,但是我觉得这个demo中也牵扯到一些东西,也顺便讲讲
为什么将UIImageView采用
[code][self.tableView insertSubview:topView atIndex:0];
这种方式来添加,其实一开始我也是直接让UIImageView作为headerView的,但是作为headerView的话,就不能让图片一开始显示一部分在外面了,也不好控制
然后偏移量等,就自然而然的想到了。多尝试,就多收获。。。。
相关文章推荐
- NSTimer你真的会用了吗
- ERROR: You appear to be running an X server; please exit X before installing.
- UVA 11490 - Just Another Problem(数论)
- Android Studio导入外部Eclipse项目中用到的so库
- XML与HTML的比较
- Cocos2d-x程序员手册(ProgrammersGuide)v3.3 第9章:3D
- 编程练习:找到和最大的子序列
- Objective--C UI UITableView编辑
- SD卡无法格式化方法介绍
- 如何优化UITableView性能—draw方式
- ping排错三步走
- Android的Uri与Path的区别
- iOS Mantle详解2
- How to Start Intel Hardware-assisted Virtualization (hypervisor) on Linux to Speed-up Intel Android
- TableView的编辑
- gdb优化相关
- JVM 堆内存设置原理
- 转:金庸笔下的良好代码风格
- java.lang.ExceptionInInitializerError
- <include />实现标题栏复用