iOS tableview實現(xiàn)頂部拉伸效果
更新時間:2018年05月08日 14:50:48 作者:極客學偉
這篇文章主要為大家詳細介紹了iOS tableview實現(xiàn)頂部拉伸效果,以及頭部拉伸效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了iOS tableview頭部拉伸效果展示的具體代碼,例如探探個人信息界面拉伸效果,下拉頭像放大
代碼:
// // PersonController.m // Spread // // Created by qiuxuewei on 16/3/21. // Copyright © 2016年 邱學偉. 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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- iOS實現(xiàn)點擊圖片放大和長按保存圖片的示例
- iOS 點擊圖片放大效果的實現(xiàn)
- 解決iOS11圖片下拉放大出現(xiàn)信號欄白條的bug問題
- 利用iOS手勢與scrollView代理實現(xiàn)圖片的放大縮小
- iOS tableView實現(xiàn)頂部圖片拉伸效果
- iOS TableView頭視圖根據(jù)偏移量下拉縮放效果
- iOS tableView實現(xiàn)頭部拉伸并改變導航條漸變色
- iOS應用開發(fā)中UITableView的分割線的一些設置技巧
- IOS UITableView和UITableViewCell的幾種樣式詳細介紹
- iOS tableView實現(xiàn)下拉圖片放大效果
相關文章
舉例講解iOS應用開發(fā)中對設計模式中的策略模式的使用
這篇文章主要介紹了iOS應用設計中對設計模式中的策略模式的使用,示例代碼為傳統(tǒng)的Objective-C語言,需要的朋友可以參考下2016-03-03