时间:2021-05-20
本文实例为大家分享了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 - 类内方法//添加子视图-(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{ // 不加此句时,在二级栏目点击返回时,此行会由选中状态慢慢变成非选中状态。 // 加上此句,返回时直接就是非选中状态。 [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数据! [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以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
大家可能注意到有些tableView的顶部图片,会随着你拉伸而跟着拉伸变大。本文实例为大家分享了ios实现tableView顶部“弹簧”
大家可能注意到一些app的tableView的顶部图片,会随着你拉伸而跟着拉伸变大,下面这是我的一些想法原图:效果图:下面附上代码吧,这里的图片不是添加在tab
下面这种效果在ios应用中很常见:实现思路:1、创建头部的视图和tableview,需要注意的是tableview要设置contentInset,
ios实现UITableView之间圆角和间隙效果,上图实现UITableView之间的圆角和间隙废话不多说,直接上代码第一步去除系统默认tableview分割
IOS开发仿微信右侧弹出视图实现微信首页的+号,点击之后会弹出一个更多的视图,这个视图如何实现呢?实现该效果可能需要以下技术要点:1.图片拉伸,通过拉伸