溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

iOS tableview實現(xiàn)頂部拉伸效果

發(fā)布時間:2020-09-12 17:56:25 來源:腳本之家 閱讀:150 作者:極客學(xué)偉 欄目:移動開發(fā)

本文實例為大家分享了iOS tableview頭部拉伸效果展示的具體代碼,例如探探個人信息界面拉伸效果,下拉頭像放大

iOS tableview實現(xiàn)頂部拉伸效果

代碼:

//
// PersonController.m
// Spread
//
// Created by qiuxuewei on 16/3/21.
// Copyright © 2016年 邱學(xué)偉. All rights reserved.
//

#import "PersonController.h"

@interface PersonController ()<UITableViewDataSource, UITableViewDelegate, UIScrollViewDelegate>{

}

//屬性列表
/** 頂部圖片視圖 */
@property (nonatomic, strong) UIImageView *headerImageView;
@property (nonatomic, strong) UIView *headerBackView;
/** 個人信息界面 */
@property (nonatomic, strong) UITableView *tableView;

@end

@implementation PersonController
#pragma mark - 懶加載
-(UIView *)headerBackView{
 if (_headerBackView == nil) {
  _headerBackView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, 200)];
  [_headerBackView setBackgroundColor:[UIColor lightGrayColor]];
 }
 return _headerBackView;
}
-(UIImageView *)headerImageView{
 if (_headerImageView == nil) {
  _headerImageView = [[UIImageView alloc] init];
  [_headerImageView setImage:[UIImage imageNamed:@"邱_生活.JPG"]];
  [_headerImageView setBackgroundColor:[UIColor greenColor]];
  [_headerImageView setContentMode:UIViewContentModeScaleAspectFill];
  [_headerImageView setClipsToBounds:YES];
 }
 return _headerImageView;
}
-(UITableView *)tableView{
 if (_tableView == nil) {
  _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight) style:UITableViewStyleGrouped];
  [_tableView setDataSource:self];
  [_tableView setDelegate:self];
 }
 return _tableView;
}

- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view from its nib.
 //添加子視圖
 [self addChildViews];
}
#pragma mark - 類內(nèi)方法
//添加子視圖
-(void)addChildViews{
 //添加表格
 [self.view addSubview:self.tableView];
 //添加頭像圖片
 [self addHeaderImageView];
}
//添加頭像
-(void)addHeaderImageView{
 [self.tableView setTableHeaderView:self.headerBackView];
 [self.headerImageView setFrame:self.headerBackView.bounds];
 [self.headerBackView addSubview:self.headerImageView];
}


#pragma mark - UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
 return 4;
}

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
 return 2;
}

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
 return 64;
}

-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
 // 不加此句時,在二級欄目點擊返回時,此行會由選中狀態(tài)慢慢變成非選中狀態(tài)。
 // 加上此句,返回時直接就是非選中狀態(tài)。
 [tableView deselectRowAtIndexPath:indexPath animated:YES];
}

//初始化cell
-(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數(shù)據(jù)!
 [cell.textLabel setText:@"阿偉"];
 [cell.detailTextLabel setText:@"2016-03-22"];

 return cell;
}

//滾動tableview 完畢之后
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{

 //圖片高度
 CGFloat imageHeight = self.headerBackView.frame.size.height;
 //圖片寬度
 CGFloat imageWidth = kScreenWidth;
 //圖片上下偏移量
 CGFloat imageOffsetY = scrollView.contentOffset.y;

 NSLog(@"圖片上下偏移量 imageOffsetY:%f ->",imageOffsetY);



 //上移
 if (imageOffsetY < 0) {
  CGFloat totalOffset = imageHeight + ABS(imageOffsetY);
  CGFloat f = totalOffset / imageHeight;

  self.headerImageView.frame = CGRectMake(-(imageWidth * f - imageWidth) * 0.5, imageOffsetY, imageWidth * f, totalOffset);
 }

// //下移
// if (imageOffsetY > 0) {
//  CGFloat totalOffset = imageHeight - ABS(imageOffsetY);
//  CGFloat f = totalOffset / imageHeight;
//  
//  [self.headerImageView setFrame:CGRectMake(-(imageWidth * f - imageWidth) * 0.5, imageOffsetY, imageWidth * f, totalOffset)];
// }


}


- (void)didReceiveMemoryWarning {
 [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
 // Get the new view controller using [segue destinationViewController].
 // Pass the selected object to the new view controller.
}
*/

@end

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI