iOS动效——头像放大

ps:copy同伴的代码的,不知道他从哪里copy的,在这里仅做记录

1.效果图

头像放大动画.gif

2.啥也不说了,上代码

1) scrollview的代理方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
#if 1
    CGFloat offsetY = scrollView.contentOffset.y;
    
    if (offsetY < - 1) {
        if (offsetY > - 200) {
            //修改本地
            [self.headerView imageViewStretchingWithOffSet:offsetY];
        }
    }

#endif
}

2)计算方法

#pragma mark - 改变视图的状态
- (void)imageViewStretchingWithOffSet:(CGFloat)offset {
    
   // NSLog(@"%f---%f",offset,self.headImageView.frame.size.width);
    
    CGFloat whPercent = self.orginWidth / self.orginHeight;//原始比例
    
    CGFloat height = self.orginHeight - offset;//拉伸后的高度
    
    CGFloat width = self.orginWidth - offset * whPercent;//拉伸后的宽度
    
    CGFloat newHeadWidth = self.headWidth - offset;
    CGFloat newHeadOriginY = self.headOriginY + offset;
    
    if (offset < -1.5) {
        self.bgImageView.frame = CGRectMake(offset / 3 * 2, offset, width, height);
        if (newHeadWidth > kUserInfoHeadViewWidth - (self.headOriginX * 4)) {
            //超过不做处理
            
        }else{
          self.headImageView.frame = CGRectMake(self.headOriginX, newHeadOriginY, newHeadWidth, newHeadWidth);
        }
        
    }else {
        self.bgImageView.frame   = CGRectMake(0, 0, self.orginWidth, self.orginHeight);
        self.headImageView.frame = CGRectMake(self.headOriginX, self.headOriginY, self.headWidth, self.headHeight);
    }
    
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,425评论 25 708
  • *面试心声:其实这些题本人都没怎么背,但是在上海 两周半 面了大约10家 收到差不多3个offer,总结起来就是把...
    Dove_iOS阅读 27,741评论 30 472
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,173评论 19 139
  • 1.OC里用到集合类是什么? 基本类型为:NSArray,NSSet以及NSDictionary 可变类型为:NS...
    轻皱眉头浅忧思阅读 1,516评论 0 3
  • 窗前 有两只喜鹊 一前一后 快乐地比翼飞过 不用判断航向 一定向南,南方的汩罗 那是不同寻常的地方 一条江,一条逝...
    碧海青天2017阅读 354评论 0 0

友情链接更多精彩内容