美文网首页
UITableView头部带有图片并且下拉图片放大效果

UITableView头部带有图片并且下拉图片放大效果

作者: 梁苏珍 | 来源:发表于2017-12-11 14:43 被阅读0次

    - (void)viewDidLoad {

    [super viewDidLoad];

    self.view.backgroundColor = [UIColor whiteColor];

    imageViewHeader = [[UIImageView alloc]init];

    imageViewHeader.contentMode = UIViewContentModeScaleAspectFill;//保证图片在放大的过程中高和宽是同时放大的

    imageViewHeader.frame = CGRectMake(0, -200, [[UIScreen mainScreen]bounds].size.width,200);

    imageViewHeader.clipsToBounds = YES;//需要添加这个不然的话,第一行会有遮盖

    imageViewHeader.image = [UIImage imageNamed:@"Image"];

    [self.tableViewImageView addSubview:imageViewHeader];

    [self.tableViewImageView registerClass:[ImageViewTableViewCell class] forCellReuseIdentifier:@"ImageViewTableViewCell"];

    }

    -(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath

    {

    return 50;

    }

    -(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section

    {

    return 0.0001;

    }

    -(CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section

    {

    return 0.001;

    }

    - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

    {

    return 50;

    }

    - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

    {

    ImageViewTableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"ImageViewTableViewCell" forIndexPath:indexPath];

    cell.imageViewIcon.image = [UIImage imageNamed:@"Image-1"];

    cell.label.text = [NSString stringWithFormat:@"cell%zd",indexPath.row];

    return cell;

    }

    #pragma mark - 滑动视图的代理方法

    -(void)scrollViewDidScroll:(UIScrollView *)scrollView

    {

    CGPoint point = scrollView.contentOffset;

    if (point.y < 0) {

    CGRect rect =imageViewHeader.frame;

    rect.origin.y = point.y;

    rect.size.height = - point.y;

    imageViewHeader.frame = rect;

    }

    }

    -(UITableView *)tableViewImageView

    {

    if (_tableViewImageView == nil) {

    _tableViewImageView = [[UITableView alloc]initWithFrame:CGRectMake(0, 0, [[UIScreen mainScreen] bounds].size.width , [[UIScreen mainScreen] bounds].size.height) style:UITableViewStylePlain];

    _tableViewImageView.delegate = self;

    _tableViewImageView.dataSource = self;

    _tableViewImageView.contentInset = UIEdgeInsetsMake(200, 0, 0, 0);

    [self.view addSubview:_tableViewImageView];

    }

    return _tableViewImageView;

    }

    相关文章

      网友评论

          本文标题:UITableView头部带有图片并且下拉图片放大效果

          本文链接:https://www.haomeiwen.com/subject/ilmiixtx.html