iOS tableview實(shí)現(xiàn)頂部拉伸效果
更新時間:2018年05月08日 14:50:48 作者:極客學(xué)偉
這篇文章主要為大家詳細(xì)介紹了iOS tableview實(shí)現(xiàn)頂部拉伸效果,以及頭部拉伸效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了iOS tableview頭部拉伸效果展示的具體代碼,例如探探個人信息界面拉伸效果,下拉頭像放大

代碼:
//
// 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{
// 不加此句時,在二級欄目點(diǎn)擊返回時,此行會由選中狀態(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í)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- iOS實(shí)現(xiàn)點(diǎn)擊圖片放大和長按保存圖片的示例
- iOS 點(diǎn)擊圖片放大效果的實(shí)現(xiàn)
- 解決iOS11圖片下拉放大出現(xiàn)信號欄白條的bug問題
- 利用iOS手勢與scrollView代理實(shí)現(xiàn)圖片的放大縮小
- iOS tableView實(shí)現(xiàn)頂部圖片拉伸效果
- iOS TableView頭視圖根據(jù)偏移量下拉縮放效果
- iOS tableView實(shí)現(xiàn)頭部拉伸并改變導(dǎo)航條漸變色
- iOS應(yīng)用開發(fā)中UITableView的分割線的一些設(shè)置技巧
- IOS UITableView和UITableViewCell的幾種樣式詳細(xì)介紹
- iOS tableView實(shí)現(xiàn)下拉圖片放大效果
相關(guān)文章
舉例講解iOS應(yīng)用開發(fā)中對設(shè)計模式中的策略模式的使用
這篇文章主要介紹了iOS應(yīng)用設(shè)計中對設(shè)計模式中的策略模式的使用,示例代碼為傳統(tǒng)的Objective-C語言,需要的朋友可以參考下2016-03-03
iOS版微信朋友圈識別圖片位置信息 如何實(shí)現(xiàn)?
這篇文章主要為大家詳細(xì)介紹了iOS版微信朋友圈識別圖片位置信息的實(shí)現(xiàn)方法2016-10-10
ios開發(fā)加載webview顯示進(jìn)度條實(shí)例
本篇文章主要介紹了ios開發(fā)加載webview顯示進(jìn)度條實(shí)例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05

