13518219792
这篇文章将为大家详细讲解有关怎么在iOS中实现头部缩放功能，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
成都创新互联公司为企业级客户提高一站式互联网+设计服务，主要包括网站制作、网站建设、手机APP定制开发、小程序开发、宣传片制作、LOGO设计等，帮助客户快速提升营销能力和企业形象，创新互联各部门都有经验丰富的经验，可以确保每一个作品的质量和创作周期，同时每年都有很多新员工加入，为我们带来大量新的创意。
一：头部视图
头部视图拆解为负责展示图片的UIImageView，负责模糊效果的UIVisualEffectView，负责标题显示的UILabel，以及返回等功能按钮的UIButton。
进一步分析，模糊效果的视图应该和展示图片的视图做同样的处理，同样的缩放，为了更好的控制将其包装到一containView中。跟据滚动的位置改变containView的大小，模糊视图根据滚动的位置改变模糊的程度。标题视图在滚动视图到达一定位置时出现并停在那里。这里利用UIImageView的特性，改变它的contentMode为UIViewContentModeScaleAspectFill，这样只用简单的改变图片视图的高度时就能营造放大缩小的效果了。
UIImageView部分代码
_blurImageView = [[UIImageView alloc] init]; _blurImageView.clipsToBounds = YES; _blurImageView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth; _blurImageView.contentMode = UIViewContentModeScaleAspectFill; [self addSubview:_blurImageView];
UIVisualEffectView部分代码
UIBlurEffect *beffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight]; _imageEffectView = [[UIVisualEffectView alloc]initWithEffect:beffect]; _imageEffectView.alpha = 0; _imageEffectView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth; [self addSubview:_imageEffectView];
二：滚动视图
滚动视图需要做的就是设置 contentInset ，让出一部分空间给头部视图。这里如果将头部视图直接加到滚动视图上，无法做到头部视图最后悬停在一定位置，因此直接加到和滚动视图同级就行。
示例代码
self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, kWindowWidth, kWindowHeight)];
self.webView.backgroundColor = [UIColor clearColor];
[self.view addSubview:self.webView];
NSURL * url = [NSURL URLWithString:@"https://yongliangp.github.io/"];
NSMutableURLRequest *re = [NSMutableURLRequest requestWithURL:url];
[self.webView loadRequest:re];
//初始化header
self.headerView.headerImage = [UIImage imageNamed:@"saber.jpeg"];
self.headerView.tittle = @"哈哈是个demo";
self.headerView.isShowLeftButton = YES;
self.headerView.isShowRightButton = YES;
__weak typeof(self) weakSelf = self;
self.headerView.leftClickBlock = ^(UIButton *btn){
[weakSelf.navigationController popViewControllerAnimated:YES];
};
self.headerView.rightClickBlock = ^(UIButton *btn){
NSLog(@"点击了分享");
};
[self.webView.scrollView handleSpringHeadView:self.headerView];三：控制头部动画
和其他的滚动视图做动画一样，实现滚动视图的代理方法scrollViewDidScroll，获取偏移量，然后根据一定的规则做动画，这里为了解耦，也为了复用，使用了在scrollView的分类中监听scrollView的contentOffset方法去实现动画控制。
首先确定两个临界点： 视图的初始高度 悬停的高度。
示例代码(简单控制)
- (void)yl_scrollViewDidScroll:(UIScrollView *)scrollView
{
CGFloat offsetY = scrollView.contentOffset.y;
if (offsetY>=-kNavHeight)
{
offsetY=-kNavHeight;
if (self.headerView.frame.size.height!=kNavHeight)
{
self.headerView.frame = CGRectMake(0, 0, self.headerView.bounds.size.width, kNavHeight);
[UIView animateWithDuration:0.25 animations:^{
self.titleLabel.frame = CGRectMake(35, 20, self.bounds.size.width-35*2, 44);
self.titleLabel.alpha = 1;
}];
}
}else
{
self.headerView.frame = CGRectMake(0, 0, self.headerView.bounds.size.width, -offsetY);
if (self.titleLabel.alpha!=0)
{
[UIView animateWithDuration:0.25 animations:^{
self.titleLabel.frame = CGRectMake(35, 40, self.bounds.size.width-35*2, 44);
self.titleLabel.alpha = 0;
}];
}
}
CGFloat alpha ;
if (self.headerView.frame.size.height>=kWindowWidth/2)
{
alpha = 0;
}else
{
alpha = 1-((self.headerView.frame.size.height-kNavHeight)/(kWindowWidth/2-kNavHeight));
}
if (alpha>=0&α<=1)
{
self.headerEffectView.alpha = alpha;
}
}关于怎么在iOS中实现头部缩放功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
