码迷,mamicode.com
首页 > 移动开发 > 详细

猫猫学iOS之tableView的下拉放大图片的方法

时间:2015-09-23 11:52:42      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:ios   界面   图片   代码   博客   

猫猫分享,必须精品

原创文章,欢迎转载。转载请注明:翟乃玉的博客
地址:http://blog.csdn.net/u013357243

一:效果

tableview下拉的时候上部分图片放大会
技术分享

二:代码

直接上代码,自己研究吧


#import "NYViewController.h"

//图片的高度
const CGFloat NYTopViewH = 350;

@interface NYViewController ()
@property (nonatomic, weak) UIImageView *topView;
@end

@implementation NYViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    // 设置内边距(让cell往下移动一段距离)
    self.tableView.contentInset = UIEdgeInsetsMake(NYTopViewH * 0.5, 0, 0, 0);

    UIImageView *topView = [[UIImageView alloc] init];
    topView.image = [UIImage imageNamed:@"biaoqingdi"];
    topView.frame = CGRectMake(0, -NYTopViewH, 320, NYTopViewH);

    //设置图片内容模式,让按照原来宽高比缩放
    topView.contentMode = UIViewContentModeScaleAspectFill;
    [self.tableView insertSubview:topView atIndex:0];
    self.topView = topView;
}

#pragma mark - 数据源方法
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 20;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *ID = @"cell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }

    cell.textLabel.text = [NSString stringWithFormat:@"测试数据---%d", indexPath.row];

    return cell;
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 向下拽了多少距离
    CGFloat down = -(NYTopViewH * 0.5) - scrollView.contentOffset.y;
    if (down < 0) return;

    CGRect frame = self.topView.frame;

    // 5决定图片变大的速度,值越大,速度越快
    frame.size.height = NYTopViewH + down * 5;
    self.topView.frame = frame;
}

@end

版权声明:本文为博主原创文章,未经博主允许不得转载。

猫猫学iOS之tableView的下拉放大图片的方法

标签:ios   界面   图片   代码   博客   

原文地址:http://blog.csdn.net/u013357243/article/details/48653823

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!